/* Minification failed. Returning unminified contents.
(587,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(6839,330): run-time error CSS1054: JavaScript error in expression property: Variable 'ignoreMe' has not been declared: ignoreMe
(9345,30): run-time error CSS1019: Unexpected token, found ':'
(9345,30): run-time error CSS1042: Expected function, found ':'
(9345,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(9417,30): run-time error CSS1019: Unexpected token, found ':'
(9417,30): run-time error CSS1042: Expected function, found ':'
(9417,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(9464,30): run-time error CSS1019: Unexpected token, found ':'
(9464,30): run-time error CSS1042: Expected function, found ':'
(9464,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(9570,26): run-time error CSS1019: Unexpected token, found ':'
(9570,26): run-time error CSS1042: Expected function, found ':'
(9570,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(13508,41): run-time error CSS1031: Expected selector, found ';'
(13508,41): run-time error CSS1025: Expected comma or open brace, found ';'
(13512,1): run-time error CSS1019: Unexpected token, found '}'
(13515,23): run-time error CSS1031: Expected selector, found ';'
(13515,23): run-time error CSS1025: Expected comma or open brace, found ';'
(13520,1): run-time error CSS1019: Unexpected token, found '}'
(13523,41): run-time error CSS1031: Expected selector, found ';'
(13523,41): run-time error CSS1025: Expected comma or open brace, found ';'
(13531,1): run-time error CSS1019: Unexpected token, found '}'
(13534,28): run-time error CSS1031: Expected selector, found ';'
(13534,28): run-time error CSS1025: Expected comma or open brace, found ';'
(13541,1): run-time error CSS1019: Unexpected token, found '}'
(13615,100): run-time error CSS1031: Expected selector, found ';'
(13615,100): run-time error CSS1025: Expected comma or open brace, found ';'
(13620,1): run-time error CSS1019: Unexpected token, found '}'
(13830,22): run-time error CSS1031: Expected selector, found ';'
(13830,22): run-time error CSS1025: Expected comma or open brace, found ';'
(13908,1): run-time error CSS1019: Unexpected token, found '}'
(14024,18): run-time error CSS1031: Expected selector, found ';'
(14024,18): run-time error CSS1025: Expected comma or open brace, found ';'
(14027,1): run-time error CSS1019: Unexpected token, found '}'
(14030,18): run-time error CSS1031: Expected selector, found ';'
(14030,18): run-time error CSS1025: Expected comma or open brace, found ';'
(14033,1): run-time error CSS1019: Unexpected token, found '}'
(14037,15): run-time error CSS1031: Expected selector, found ';'
(14037,15): run-time error CSS1025: Expected comma or open brace, found ';'
(14052,1): run-time error CSS1019: Unexpected token, found '}'
(14057,18): run-time error CSS1031: Expected selector, found ';'
(14057,18): run-time error CSS1025: Expected comma or open brace, found ';'
(14148,1): run-time error CSS1019: Unexpected token, found '}'
(14748,51): run-time error CSS1031: Expected selector, found ';'
(14748,51): run-time error CSS1025: Expected comma or open brace, found ';'
(14758,1): run-time error CSS1019: Unexpected token, found '}'
(14873,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14890,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14907,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14924,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14941,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14942,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */

input[type=text].NotValid {
    border: 1px solid rgb(255,80,80);
    box-shadow: 0 0 2px rgb(255,0,0);
    -moz-box-shadow: 0 0 2px rgb(255,0,0);
    -webkit-box-shadow: 0 0 2px rgb(255,0,0);
    /* background-color: rgb(255,240,240);*/
    border-color: rgba(255, 0, 0, 0.8);
    /*border-radius: 4px;*/
    /*height:10px;*/
    /*padding: 0 5px 0 0;*/
    /*padding:0 3px;*/
    text-indent: 0;
    /*width: 100%;*/
}

textarea.NotValid {
    border: 1px solid rgb(255,80,80);
    box-shadow: 0 0 2px rgb(255,0,0);
    -moz-box-shadow: 0 0 2px rgb(255,0,0);
    -webkit-box-shadow: 0 0 2px rgb(255,0,0);
    border-color: rgba(255, 0, 0, 0.8);
    height: auto;
    line-height: 26px;
    padding: 0 5px 0 0;
    text-indent: 0;
    /* width: 100%;*/
}

input[type=password].NotValid {
    border: 1px solid rgb(255,80,80);
    box-shadow: 0 0 2px rgb(255,0,0);
    -moz-box-shadow: 0 0 2px rgb(255,0,0);
    -webkit-box-shadow: 0 0 2px rgb(255,0,0);
    /*  background-color: rgb(255,240,240);*/
    /*border-radius: 4px;*/
    /*height: 29px;*/
    line-height: 26px;
    text-indent: 0;
    /*width: 100%;*/
}


select.NotValid {
    border: 1px solid rgb(255,80,80);
    box-shadow: 0 0 2px rgb(255,0,0);
    -moz-box-shadow: 0 0 2px rgb(255,0,0);
    -webkit-box-shadow: 0 0 2px rgb(255,0,0);
    /*background-color: rgb(255,240,240);*/
    /*border-radius: 4px;*/
    /*height: 33px;*/
    line-height: 27px;
    text-indent: 0;
    /*  width: 98%;*/
}

/* input
{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #D1D6C4;
  /*  border-radius: 4px 4px 4px 4px;*/
/*  border-style: solid;
    border-width: 2px 1px 1px 2px;
    box-shadow: 0 0 2px #D1D6C4;
    height: 29px;
    line-height: 27px;
    padding: 0 5px 0 2px;
    text-indent: 5px;
}

 /*select
{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #D1D6C4;
   /* border-radius: 4px 4px 4px 4px;*/
/* border-style: solid;
    border-width: 2px 1px 1px 2px;
    box-shadow: 0 0 2px #D1D6C4;
    height: 29px;
    line-height: 27px;
    padding: 0 5px 0 2px;
    text-indent: 5px;
    margin-right: 15px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-top: 5px;
}*/

.verror {
    /*background: url("images/error.png") no-repeat scroll 100% 100% transparent;*/
    color: #FFFFFF;
    height: 30px;
    line-height: 26px;
    padding: 0 5px 0 5px;
    position: absolute;
    right: -225px;
    text-shadow: 0 1px 2px #000000;
    top: 30px;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../images/pointer.gif) no-repeat -10px 5px;
}

/* ========================================================
*
* Amsterdam - premium admin template
*
* ========================================================
*
* File: font.css;
* Description: Font Awesome - the iconic font designed for use with Twitter Bootstrap
* Version: 1.0
* Source: http://fortawesome.github.com/Font-Awesome/
* License
  -------------------------------------------------------
  The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
  http://creativecommons.org/licenses/by/3.0/ A mention of
  'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
  source code is considered acceptable attribution (most common on the web).
  If human readable source code is not available to the end user, a mention in
  an 'About' or 'Credits' screen is considered acceptable (most common in desktop
  or mobile software).
*
* ======================================================== */

@font-face {
  font-family: "FontAwesome";
  src: url('font/fontawesome-webfont.eot');
  src: url('font/fontawesome-webfont.eot?#iefix') format('eot'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'), url('font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="font-"]:before, [class*=" font-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="font-"], a [class*=" font-"] { display: inline-block; text-decoration: inherit; }
.btn [class^="font-"], .btn [class*=" font-"] { margin-right: 7px; margin-left: -2px; }
.btn:active [class^="font-"], .btn:active [class*=" font-"] { color: #fff; }
.nav > a > [class^="font-"], .nav > a > [class*=" font-"] { font-size: 16px; color: #5f5f5f; }
.nav.open > a > [class^="font-"], .nav.open > a > [class*=" font-"] { color: #999999; }
.navi [class^="font-"], .navi [class*=" font-"], .navi-two [class^="font-"], .navi-two [class*=" font-"] { color: #EEE; font-size: 16px; font-weight: normal; margin-right: 12px; }

/* makes the font 33% larger relative to the icon container */

.font-large:before { vertical-align: top; font-size: 1.3333333333333333em; }
.btn [class^="font-"], .btn [class*=" font-"] { line-height: 1em /*.9em*/; }
li [class^="font-"], li [class*=" font-"] { line-height: 1; display: inline-block; margin-right: 8px; color: #5f5f5f; font-size: 12px; width: 1.25em; text-align: center; }
li [class^="icon-"], li [class*=" icon-"] { margin-right: 8px; }
ul.list-font li i { float: none; font-size: 12px; display: inline-block; line-height: 1; width: 12px; text-align: center; }
li .font-large[class^="font-"], li .font-large[class*=" font-"] { width: 1.875em; }
li[class^="font-"], li[class*=" font-"] { margin-left: 0; list-style-type: none; }
li[class^="font-"]:before, li[class*=" font-"]:before { text-indent: -2em; text-align: center; }
li[class^="font-"].font-large:before, li[class*=" font-"].font-large:before { text-indent: -1.3333333333333333em; }

/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */

.font-glass:before                { content: "\f000"; }
.font-music:before                { content: "\f001"; }
.font-search:before               { content: "\f002"; }
.font-envelope:before             { content: "\f003"; }
.font-heart:before                { content: "\f004"; }
.font-star:before                 { content: "\f005"; }
.font-star-empty:before           { content: "\f006"; }
.font-user:before                 { content: "\f007"; }
.font-film:before                 { content: "\f008"; }
.font-th-large:before             { content: "\f009"; }
.font-th:before                   { content: "\f00a"; }
.font-th-list:before              { content: "\f00b"; }
.font-ok:before                   { content: "\f00c"; }
.font-remove:before               { content: "\f00d"; }
.font-zoom-in:before              { content: "\f00e"; }

.font-zoom-out:before             { content: "\f010"; }
.font-off:before                  { content: "\f011"; }
.font-signal:before               { content: "\f012"; }
.font-cog:before                  { content: "\f013"; }
.font-trash:before                { content: "\f014"; }
.font-home:before                 { content: "\f015"; }
.font-file:before                 { content: "\f016"; }
.font-time:before                 { content: "\f017"; }
.font-road:before                 { content: "\f018"; }
.font-download-alt:before         { content: "\f019"; }
.font-download:before             { content: "\f01a"; }
.font-upload:before               { content: "\f01b"; }
.font-inbox:before                { content: "\f01c"; }
.font-play-circle:before          { content: "\f01d"; }
.font-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.font-refresh:before              { content: "\f021"; }
.font-list-alt:before             { content: "\f022"; }
.font-lock:before                 { content: "\f023"; }
.font-flag:before                 { content: "\f024"; }
.font-headphones:before           { content: "\f025"; }
.font-volume-off:before           { content: "\f026"; }
.font-volume-down:before          { content: "\f027"; }
.font-volume-up:before            { content: "\f028"; }
.font-qrcode:before               { content: "\f029"; }
.font-barcode:before              { content: "\f02a"; }
.font-tag:before                  { content: "\f02b"; }
.font-tags:before                 { content: "\f02c"; }
.font-book:before                 { content: "\f02d"; }
.font-bookmark:before             { content: "\f02e"; }
.font-print:before                { content: "\f02f"; }

.font-camera:before               { content: "\f030"; }
.font-font:before                 { content: "\f031"; }
.font-bold:before                 { content: "\f032"; }
.font-italic:before               { content: "\f033"; }
.font-text-height:before          { content: "\f034"; }
.font-text-width:before           { content: "\f035"; }
.font-align-left:before           { content: "\f036"; }
.font-align-center:before         { content: "\f037"; }
.font-align-right:before          { content: "\f038"; }
.font-align-justify:before        { content: "\f039"; }
.font-list:before                 { content: "\f03a"; }
.font-indent-left:before          { content: "\f03b"; }
.font-indent-right:before         { content: "\f03c"; }
.font-facetime-video:before       { content: "\f03d"; }
.font-picture:before              { content: "\f03e"; }

.font-pencil:before               { content: "\f040"; }
.font-map-marker:before           { content: "\f041"; }
.font-adjust:before               { content: "\f042"; }
.font-tint:before                 { content: "\f043"; }
.font-edit:before                 { content: "\f044"; }
.font-share:before                { content: "\f045"; }
.font-check:before                { content: "\f046"; }
.font-move:before                 { content: "\f047"; }
.font-step-backward:before        { content: "\f048"; }
.font-fast-backward:before        { content: "\f049"; }
.font-backward:before             { content: "\f04a"; }
.font-play:before                 { content: "\f04b"; }
.font-pause:before                { content: "\f04c"; }
.font-stop:before                 { content: "\f04d"; }
.font-forward:before              { content: "\f04e"; }

.font-fast-forward:before         { content: "\f050"; }
.font-step-forward:before         { content: "\f051"; }
.font-eject:before                { content: "\f052"; }
.font-chevron-left:before         { content: "\f053"; }
.font-chevron-right:before        { content: "\f054"; }
.font-plus-sign:before            { content: "\f055"; }
.font-minus-sign:before           { content: "\f056"; }
.font-remove-sign:before          { content: "\f057"; }
.font-ok-sign:before              { content: "\f058"; }
.font-question-sign:before        { content: "\f059"; }
.font-info-sign:before            { content: "\f05a"; }
.font-screenshot:before           { content: "\f05b"; }
.font-remove-circle:before        { content: "\f05c"; }
.font-ok-circle:before            { content: "\f05d"; }
.font-ban-circle:before           { content: "\f05e"; }

.font-arrow-left:before           { content: "\f060"; }
.font-arrow-right:before          { content: "\f061"; }
.font-arrow-up:before             { content: "\f062"; }
.font-arrow-down:before           { content: "\f063"; }
.font-share-alt:before            { content: "\f064"; }
.font-resize-full:before          { content: "\f065"; }
.font-resize-small:before         { content: "\f066"; }
.font-plus:before                 { content: "\f067"; }
.font-minus:before                { content: "\f068"; }
.font-asterisk:before             { content: "\f069"; }
.font-exclamation-sign:before     { content: "\f06a"; }
.font-gift:before                 { content: "\f06b"; }
.font-leaf:before                 { content: "\f06c"; }
.font-fire:before                 { content: "\f06d"; }
.font-eye-open:before             { content: "\f06e"; }

.font-eye-close:before            { content: "\f070"; }
.font-warning-sign:before         { content: "\f071"; }
.font-plane:before                { content: "\f072"; }
.font-calendar:before             { content: "\f073"; }
.font-random:before               { content: "\f074"; }
.font-comment:before              { content: "\f075"; }
.font-magnet:before               { content: "\f076"; }
.font-chevron-up:before           { content: "\f077"; }
.font-chevron-down:before         { content: "\f078"; }
.font-retweet:before              { content: "\f079"; }
.font-shopping-cart:before        { content: "\f07a"; }
.font-folder-close:before         { content: "\f07b"; }
.font-folder-open:before          { content: "\f07c"; }
.font-resize-vertical:before      { content: "\f07d"; }
.font-resize-horizontal:before    { content: "\f07e"; }

.font-bar-chart:before            { content: "\f080"; }
.font-twitter-sign:before         { content: "\f081"; }
.font-facebook-sign:before        { content: "\f082"; }
.font-camera-retro:before         { content: "\f083"; }
.font-key:before                  { content: "\f084"; }
.font-cogs:before                 { content: "\f085"; }
.font-comments:before             { content: "\f086"; }
.font-thumbs-up:before            { content: "\f087"; }
.font-thumbs-down:before          { content: "\f088"; }
.font-star-half:before            { content: "\f089"; }
.font-heart-empty:before          { content: "\f08a"; }
.font-signout:before              { content: "\f08b"; }
.font-linkedin-sign:before        { content: "\f08c"; }
.font-pushpin:before              { content: "\f08d"; }
.font-external-link:before        { content: "\f08e"; }

.font-signin:before               { content: "\f090"; }
.font-trophy:before               { content: "\f091"; }
.font-github-sign:before          { content: "\f092"; }
.font-upload-alt:before           { content: "\f093"; }
.font-lemon:before                { content: "\f094"; }
.font-phone:before                { content: "\f095"; }
.font-check-empty:before          { content: "\f096"; }
.font-bookmark-empty:before       { content: "\f097"; }
.font-phone-sign:before           { content: "\f098"; }
.font-twitter:before              { content: "\f099"; }
.font-facebook:before             { content: "\f09a"; }
.font-github:before               { content: "\f09b"; }
.font-unlock:before               { content: "\f09c"; }
.font-credit-card:before          { content: "\f09d"; }
.font-rss:before                  { content: "\f09e"; }

.font-hdd:before                  { content: "\f0a0"; }
.font-bullhorn:before             { content: "\f0a1"; }
.font-bell:before                 { content: "\f0a2"; }
.font-certificate:before          { content: "\f0a3"; }
.font-hand-right:before           { content: "\f0a4"; }
.font-hand-left:before            { content: "\f0a5"; }
.font-hand-up:before              { content: "\f0a6"; }
.font-hand-down:before            { content: "\f0a7"; }
.font-circle-arrow-left:before    { content: "\f0a8"; }
.font-circle-arrow-right:before   { content: "\f0a9"; }
.font-circle-arrow-up:before      { content: "\f0aa"; }
.font-circle-arrow-down:before    { content: "\f0ab"; }
.font-globe:before                { content: "\f0ac"; }
.font-wrench:before               { content: "\f0ad"; }
.font-tasks:before                { content: "\f0ae"; }

.font-filter:before               { content: "\f0b0"; }
.font-briefcase:before            { content: "\f0b1"; }
.font-fullscreen:before           { content: "\f0b2"; }

.font-group:before                { content: "\f0c0"; }
.font-link:before                 { content: "\f0c1"; }
.font-cloud:before                { content: "\f0c2"; }
.font-beaker:before               { content: "\f0c3"; }
.font-cut:before                  { content: "\f0c4"; }
.font-copy:before                 { content: "\f0c5"; }
.font-paper-clip:before           { content: "\f0c6"; }
.font-save:before                 { content: "\f0c7"; }
.font-sign-blank:before           { content: "\f0c8"; }
.font-reorder:before              { content: "\f0c9"; }
.font-list-ul:before              { content: "\f0ca"; }
.font-list-ol:before              { content: "\f0cb"; }
.font-strikethrough:before        { content: "\f0cc"; }
.font-underline:before            { content: "\f0cd"; }
.font-table:before                { content: "\f0ce"; }

.font-magic:before                { content: "\f0d0"; }
.font-truck:before                { content: "\f0d1"; }
.font-pinterest:before            { content: "\f0d2"; }
.font-pinterest-sign:before       { content: "\f0d3"; }
.font-google-plus-sign:before     { content: "\f0d4"; }
.font-google-plus:before          { content: "\f0d5"; }
.font-money:before                { content: "\f0d6"; }
.font-caret-down:before           { content: "\f0d7"; }
.font-caret-up:before             { content: "\f0d8"; }
.font-caret-left:before           { content: "\f0d9"; }
.font-caret-right:before          { content: "\f0da"; }
.font-columns:before              { content: "\f0db"; }
.font-sort:before                 { content: "\f0dc"; }
.font-sort-down:before            { content: "\f0dd"; }
.font-sort-up:before              { content: "\f0de"; }

.font-envelope-alt:before         { content: "\f0e0"; }
.font-linkedin:before             { content: "\f0e1"; }
.font-undo:before                 { content: "\f0e2"; }
.font-legal:before                { content: "\f0e3"; }
.font-dashboard:before            { content: "\f0e4"; }
.font-comment-alt:before          { content: "\f0e5"; }
.font-comments-alt:before         { content: "\f0e6"; }
.font-bolt:before                 { content: "\f0e7"; }
.font-sitemap:before              { content: "\f0e8"; }
.font-umbrella:before             { content: "\f0e9"; }
.font-paste:before                { content: "\f0ea"; }

.font-user-md:before              { content: "\f200"; }

/* ========================================================
*
* Amsterdam - premium admin template
*
* ========================================================
*
* File: plugins.css;
* Description: External plugins stylings
* Version: 1.0
*
* ======================================================== */


/* ===== Full Calendar ===== */

.fc { direction: ltr; text-align: left; }
.fc table { border-collapse: collapse; border-spacing: 0; }	
html .fc, .fc table { font-size: 1em; }	
.fc td, .fc th { padding: 0; vertical-align: top; }
.fc th { text-align: center; }
.fc-header { position: relative; }
.fc-header td { white-space: nowrap; }
.fc-header-left { text-align: left; width: 100%; }	
.fc-header-center { text-align: center; position: absolute; top: 0; width: 80%; left: 10%; line-height: 38px; }	
.fc-button-inner { 	border-left: 1px solid #d5d5d5; }
.fc-header-left .fc-button-inner { border: none; }
.fc-header-right { text-align: right; position: absolute; top: -41px; right: 0; } 
.fc-header-right .fc-button-agendaDay .fc-button-inner { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; }
.fc-header-title { display: inline-block; vertical-align: top; }	
.fc-header-title h2 { font-size: 12px; margin: 0; margin-top: 1px; }
.fc-header-title strong { margin-top: 0; white-space: nowrap; padding: 8px 12px!important; display: block; }	
.fc .fc-header-space { padding-left: 10px; } 	
.fc-header .fc-corner-right { margin-right: 0; float: right; } 	
.fc-header .ui-corner-right { margin-right: 0; }
.fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2; }	
.fc-header .fc-state-down { z-index: 3; }
.fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4; }
.fc-button-next { float: right; margin-right: -2px; }
.fc-view { width: 100%; overflow: hidden; }
.fc-border-separate thead {  
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}
.fc-widget-header, .fc-widget-content { border: 1px solid #d5d5d5; }
.fc-state-highlight { background: #FFFDE9; }	
.fc-cell-overlay { background: #9cf; opacity: .2; filter: alpha(opacity=20); }
.fc-button { position: relative; cursor: pointer; }
.fc-button-inner { position: relative; float: left; overflow: hidden; }
.fc-button-content { position: relative; float: left; line-height: 41px; padding: 0 14px; white-space: nowrap; }
.fc-header-right  .fc-button-content { height: 41px; }
.fc-button-content .fc-icon-wrap { position: relative; float: left; top: 50%; }	
.fc-button-content .ui-icon { position: relative; float: left; margin-top: -50%; *margin-top: 0; *top: -50%; }
.fc-state-default .fc-button-effect { position: absolute; top: 50%; left: 0; } 		
.fc-state-active, .fc-state-active .fc-button-inner { color: #797979; background: #f9f9f9; box-shadow: 0 -1px 0 #EAEAEA inset; -webkit-box-shadow: 0 -1px 0 #EAEAEA inset; -moz-box-shadow: 0 -1px 0 #EAEAEA inset; }	
.fc-first th { padding-top: 1px; }	
.fc-state-disabled, .fc-state-disabled .fc-button-inner { color: #999; border-color: #ddd; }	
.fc-state-disabled { cursor: default; }	
.fc-state-disabled .fc-button-effect { display: none; }
.fc-event { cursor: default; }
a.fc-event, .fc-event-draggable { cursor: pointer; }	
a.fc-event { text-decoration: none; }	
.fc-rtl .fc-event { text-align: right; }
.fc-event { margin: 0 1px 0 3px; }
.fc-event { border: 1px solid #3485AE; color: white; display: block; font-size: 11px;
	background: #56A4CE url(../images/elements/ui/progress_overlay.png);
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #56A4CE 0%, #3485AE 100%);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56A4CE), color-stop(100%,#3485AE));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top,  #56A4CE 0%,#3485AE 100%);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #56A4CE 0%,#3485AE 100%);
	background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top, #56A4CE 0%,#3485AE 100%);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #56A4CE 0%,#3485AE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56A4CE', endColorstr='#3485AE',GradientType=0 );
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;	
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;	
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;	
}
.fc-event-inner { position: relative; width: 100%; height: 100%; overflow: hidden; }
.fc-event-time, .fc-event-title {  padding: 5px 0px 5px 8px; display: inline-block; line-height: 16px; font-weight: bold; font-size: 11px; }	
.fc .ui-resizable-handle { display: block; position: absolute; z-index: 99999; overflow: hidden; font-size: 300%; line-height: 50%; }
.fc-event-hori .ui-resizable-e { top: 0; right: -3px; width: 7px; height: 100%; cursor: e-resize; }
.fc-event-hori .ui-resizable-w { top: 0; left: -3px; width: 7px; height: 100%; cursor: w-resize; }
table.fc-border-separate { border-collapse: separate; }	
.fc-border-separate th, .fc-border-separate td { border-width: 1px 0 0 1px; }	
.fc-border-separate td:first-child, .fc-border-separate th:first-child { border-left: none; }	
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-top-width: 1px; }
.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { border-top-width: 1px; }
.fc-grid th { text-align: center; }	
.fc-grid .fc-day-number { float: right; padding: 3px 5px; }	
.fc-grid .fc-other-month .fc-day-number { opacity: 0.3;	filter: alpha(opacity=30); }	
.fc-grid .fc-day-content { clear: both; padding: 5px 2px 3px; }
.fc-cols .fc-event-time { font-weight: bold; }
.fc-rtl .fc-cols .fc-day-number { float: left; }	
.fc-rtl .fc-cols .fc-event-time { float: right; }
.fc-agenda table { 	border-collapse: separate; }	
.fc-agenda-days th { text-align: center; }	
.fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: normal; }	
.fc-agenda .fc-day-content { padding: 2px 2px 1px; }
.fc-agenda-days .fc-agenda-axis { border-right-width: 1px; }
.fc-agenda-days .fc-col0 { border-left-width: 0; }
.fc-agenda-allday th { border-width: 0 1px; }	
.fc-agenda-allday .fc-day-content { min-height: 34px; _height: 34px; }
.fc-agenda-divider-inner { height: 2px; overflow: hidden; }	
.fc-widget-header .fc-agenda-divider-inner { background: #eee; }
.fc-view-agendaWeek .fc-event-hori { margin: 6px 4px 0 6px; }
.fc-agenda .fc-day-content { padding: 4px 0; }
.fc-agenda-slots th { border-width: 1px 1px 0; }	
.fc-agenda-slots td { border-width: 1px 0 0; background: none; }	
.fc-agenda-slots td div { height: 20px; }	
.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { border-top-width: 0; }
.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { border-top-style: dotted; }	
.fc-agenda-slots tr.fc-minor th.ui-widget-header { *border-top-style: solid; }
.fc-event-vert { border-width: 0 1px; }	
.fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content { position: relative; z-index: 2; width: 100%; overflow: hidden; }	
.fc-event-vert .fc-event-head { box-shadow: 0 1px 0 rgba(255,255,255,0.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1); border-bottom: 1px solid #3485AE; }
.fc-event-vert .fc-event-time { white-space: nowrap; padding-top: 6px; } 	
.fc-event-vert .fc-event-title { padding-top: 0; padding-bottom: 6px; padding-top: 6px; }
.fc-event-vert .fc-event-bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }	
.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg { display: none\9; }
.fc-event-vert .ui-resizable-s { bottom: 0!important;  width: 100%!important; height: 8px!important; overflow: hidden!important; line-height: 8px!important; font-size: 11px!important; font-family: monospace; text-align: center; cursor: s-resize; }
.fc-agenda .ui-resizable-resizing { _overflow: hidden; }


/* ===== File uploader  ===== */

.plupload_buttons { margin: 7px 0; }
.plupload_buttons:after { content: ""; display: block; clear: both; } 
.plupload_header { display: none; }
.plupload_start { float: left; }
.plupload_buttons > a.btn-primary { margin-left: 10px; }
.plupload_start span { background: url(../images/upload.png) no-repeat 10px; padding: 5px 13px 6px 26px; display: block;  }
.plupload_disabled, a.plupload_disabled:hover { color: #a6a6a6!important; border: 1px solid #d5d5d5!important; background: #e5e5e5!important; box-shadow: none!important; -moz-box-shadow: none!important; text-shadow: none!important; cursor: default!important; }
.plupload_disabled span { padding: 5px 13px 6px 13px; }
.plupload_add { float: left; }
.plupload_add span { background: url(../images/add.png) no-repeat 10px; padding: 5px 13px 6px 26px; display: block; }
.plupload_wrapper { font-size: 11px;; width: 100%; }
.plupload_container input { border: 1px solid #DDD; font-size: 11px; width: 98%; }
.plupload_filelist { margin: 0; padding: 0; list-style: none; }
.plupload_scroll .plupload_filelist { height: 185px; overflow-y: scroll; }
.plupload_filelist li { padding: 10px 12px; background: whiteSmoke; border-bottom: 1px solid #E7E7E7; }
.plupload_filelist li:hover { background-color: #f8f8f8; }
.plupload_filelist_header, .plupload_filelist_footer { background: #f5f5f5; padding: 3px 0 3px 12px; color: #878787; }
.plupload_filelist_header {	border-bottom: 1px solid #d5d5d5; }
.plupload_filelist_footer { border-top: 1px solid #D5D5D5; line-height: 30px; vertical-align: middle; } 
.plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_file_status, .plupload_filelist_footer .plupload_progress, .plupload_filelist_footer .plupload_file_action, .plupload_filelist_footer .plupload_upload_status { margin: 8px 0; }
.plupload_file_name { float: left; overflow: hidden; }
.plupload_file_status { color: #777; }
.plupload_file_status span {}
.plupload_file_size, .plupload_file_status, .plupload_progress { float: right; width: 80px; }
.plupload_file_size, .plupload_file_status, .plupload_file_action { text-align: right; }
.plupload_filelist .plupload_file_name { width: 205px; }
.plupload_file_action { float: right; width: 14px; margin-top: 4px; height: 14px; margin-left: 15px!important; }
.plupload_file_action * { display: none; width: 14px; height: 14px; }
li.plupload_done { color: #AAA; }
li.plupload_delete a { background: url(../images/elements/uploader/deleteFile.png) no-repeat 0; }
li.plupload_failed a { background: url(../images/elements/uploader/error.png) no-repeat 0; cursor: default; }
li.plupload_done a { background: url(../images/elements/uploader/uploaded.png) no-repeat 0; cursor: default; }
.plupload_progress, .plupload_upload_status { display: none; }
.plupload_progress_container { margin-top: 10px; border: 1px solid #CCC; background: #FFF; padding: 1px; }
.plupload_progress_bar { width: 0px; height: 7px; background: #CDEB8B; }
.plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action { margin-right: 17px; }
.plupload_clear,.plupload_clearer { clear: both; }
.plupload_clearer, .plupload_progress_bar { display: block; font-size: 0; line-height: 0; }
li.plupload_droptext { background: url(../images/elements/uploader/drag.png) no-repeat 50%; text-align: center; vertical-align: middle; border: 0; line-height: 165px; text-indent: -9999px; }


/* ===== Cleditor ===== */

.cleditorMain iframe {border:none; margin:0; padding:0-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box;max-width: 100%;}
.cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font-size: 12px; padding: 10px; resize:none; outline:none /* webkit grip focus */}
.cleditorToolbar {background: url('../images/elements/wysiwyg/toolbar.gif') repeat}
.cleditorGroup {float:left; height:26px}
.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('../images/elements/wysiwyg/buttons.gif')}
.cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
.cleditorPopup {border:solid 1px #999; background-color:white; position:absolute; z-index:10000}
.cleditorPopup input[type=button] { padding: 7px 10px 6px 10px; border: 1px solid #3485AE; float: right; margin: 8px 0 4px 0; background: #56A4CE; color: #fff; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px #333; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px #333; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 1px #333; }
.cleditorList div {padding:2px 4px 2px 4px}
.cleditorList p, .cleditorList h1, .cleditorList h2, .cleditorList h3, .cleditorList h4, .cleditorList h5, .cleditorList h6, .cleditorList font {padding:0; margin:0; background-color:Transparent}
.cleditorColor {width:150px; padding:1px 0 0 1px}
.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
.cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size: 11px; }
.cleditorPrompt input,
.cleditorPrompt textarea {font:8.5pt Arial,Verdana;}
.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size: 11px; }


/* ===== Time picker ===== */

.ui-timepicker-list { overflow-y: auto; height: 131px; width: 6.5em; background: #fff; border: 1px solid #ddd; margin-top: -1px; min-width: 116px; }
input.time { width: 100px; }
.ui-timepicker-list.ui-timepicker-with-duration { width: 11em; }
.ui-timepicker-duration { margin-left: 5px; color: #888; }
.ui-timepicker-list:hover .ui-timepicker-duration { color: #888; }
.ui-timepicker-list li { padding: 10px 10px 9px 10px; line-height: 13px; border-top: 1px solid #e4e4e4; font-size: 11px;
	background: #fcfcfc; 
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #f8f8f8 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f8f8f8)); 
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f8f8f8 100%); 
	background: -o-linear-gradient(top,  #fcfcfc 0%,#f8f8f8 100%); 
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#f8f8f8 100%); 
	background: linear-gradient(top,  #fcfcfc 0%,#f8f8f8 100%); 
}
.ui-timepicker-list li:first-child { border-top: none; }
.ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; }
li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list:hover .ui-timepicker-selected:hover { background: #1980EC; color: #fff; }
li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc; }


/* ===== Bootstrap color picker ===== */

.colorpicker-saturation { width: 100px; height: 100px; background-image: url(../images/colorpicker/saturation.png); cursor: crosshair; float: left; }
.colorpicker-saturation i { display: block; height: 5px; width: 5px; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 0; left: 0; margin: -4px 0 0 -4px; }
.colorpicker-saturation i b { display: block; height: 5px; width: 5px; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.colorpicker-hue, .colorpicker-alpha { width: 15px; height: 100px; float: left; cursor: row-resize; margin-left: 4px; margin-bottom: 4px; }
.colorpicker-hue i, .colorpicker-alpha i { display: block; height: 1px; background: #000; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; width: 100%; margin-top: -1px; }
.colorpicker-hue { background-image: url(../images/colorpicker/hue.png); }
.colorpicker-alpha { background-image: url(../images/colorpicker/alpha.png); display: none; }
.colorpicker { *zoom: 1; top: 0; left: 0; padding: 4px; min-width: 120px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.colorpicker:before, .colorpicker:after { display: table; content: ""; }
.colorpicker:after { clear: both; }
.colorpicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; }
.colorpicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; }
.colorpicker div { position: relative; }
.colorpicker.alpha { min-width: 140px; }
.colorpicker.alpha .colorpicker-alpha { display: block; }
.colorpicker-color { height: 10px; margin-top: 5px; clear: both; background-image: url(../images/colorpicker/alpha.png); background-position: 0 100%; }
.colorpicker-color div { height: 10px; }
.input-append.color .add-on { padding: 6px; }
.input-append.color .add-on i, .input-prepend.color .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } 


/* ========================================================
*
* Amsterdam - premium admin template
*
* ========================================================
*
* File: bootstrap.css;
* Description: General template styles, including bootstrap components
* Version: 1.0
*
* ======================================================== */


.semi-block {
    margin-top: 30px;
}

.progress-statistics .semi-block {
    margin-top: 16px;
}

.row-fluid [class*="span"] > .semi-block:first-child {
    margin-top: 7px;
}

.row-fluid [class*="span"] > .semi-block:first-child {
    margin-top: 10px;
}


.clearfix {
    *zoom: 1;
}

    .clearfix:before, .clearfix:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .clearfix:after {
        clear: both;
    }

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}



/*===== Page header =====*/

.page-header {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ececec));
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#ececec 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%,#ececec 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%,#ececec 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#ececec 100%);
    border-bottom: 1px solid #c1c1c1;
}

    .page-header h5 > i {
        float: left;
        display: block;
        margin-top: 4px;
        margin-right: 12px;
        color: #606060;
        font-size: 16px;
        line-height: 1;
    }

    .page-header h5 {
        font-size: 14px;
        color: #4c4c4c;
        float: left;
        font-weight: bold;
        padding: 12px 18px;
        margin: 0;
    }

    .page-header:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }

    .page-header h5 > span {
        float: left;
        display: block;
        margin-top: 0px;
        margin-right: 12px;
        color: #606060;
        font-size: 16px;
    }

.icons {
    float: right;
    margin-right: 8px;
}

    .icons li {
        display: inline-block;
    }

        .icons li a {
            display: block;
            margin: 14px 4px 11px 4px;
            line-height: 1;
        }

            .icons li a i {
                font-size: 16px;
                width: 16px;
                margin-right: 0;
                display: block;
            }

.navbar .icons li a {
    margin: 13px 3px 10px 3px;
}



/*===== Fluid grid =====*/

.row-fluid {
    width: 100%;
    *zoom: 1;
}

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        float: left;
        margin-left: 2.127659574468085%;
        *margin-left: 2.074468085106383%;
    }

        .row-fluid [class*="span"]:first-child {
            margin-left: 0;
        }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.48936170212765%;
        *width: 91.43617021276594%;
    }

    .row-fluid .span10 {
        width: 82.97872340425532%;
        *width: 82.92553191489361%;
    }

    .row-fluid .span9 {
        width: 74.46808510638297%;
        *width: 74.41489361702126%;
    }

    .row-fluid .span8 {
        width: 65.95744680851064%;
        *width: 65.90425531914893%;
    }

    .row-fluid .span7 {
        width: 57.44680851063829%;
        *width: 57.39361702127659%;
    }

    .row-fluid .span6 {
        width: 48.93617021276595%;
        *width: 48.88297872340425%;
    }

    .row-fluid .span5 {
        width: 40.42553191489362%;
        *width: 40.37234042553192%;
    }

    .row-fluid .span4 {
        width: 31.914893617021278%;
        *width: 31.861702127659576%;
    }

    .row-fluid .span3 {
        width: 23.404255319148934%;
        *width: 23.351063829787233%;
    }

    .row-fluid .span2 {
        width: 14.893617021276595%;
        *width: 14.840425531914894%;
    }

    .row-fluid .span1 {
        width: 6.382978723404255%;
        *width: 6.329787234042553%;
    }

    .row-fluid .offset12 {
        margin-left: 104.25531914893617%;
        *margin-left: 104.14893617021275%;
    }

        .row-fluid .offset12:first-child {
            margin-left: 102.12765957446808%;
            *margin-left: 102.02127659574467%;
        }

    .row-fluid .offset11 {
        margin-left: 95.74468085106382%;
        *margin-left: 95.6382978723404%;
    }

        .row-fluid .offset11:first-child {
            margin-left: 93.61702127659574%;
            *margin-left: 93.51063829787232%;
        }

    .row-fluid .offset10 {
        margin-left: 87.23404255319149%;
        *margin-left: 87.12765957446807%;
    }

        .row-fluid .offset10:first-child {
            margin-left: 85.1063829787234%;
            *margin-left: 84.99999999999999%;
        }

    .row-fluid .offset9 {
        margin-left: 78.72340425531914%;
        *margin-left: 78.61702127659572%;
    }

        .row-fluid .offset9:first-child {
            margin-left: 76.59574468085106%;
            *margin-left: 76.48936170212764%;
        }

    .row-fluid .offset8 {
        margin-left: 70.2127659574468%;
        *margin-left: 70.10638297872339%;
    }

        .row-fluid .offset8:first-child {
            margin-left: 68.08510638297872%;
            *margin-left: 67.9787234042553%;
        }

    .row-fluid .offset7 {
        margin-left: 61.70212765957446%;
        *margin-left: 61.59574468085106%;
    }

        .row-fluid .offset7:first-child {
            margin-left: 59.574468085106375%;
            *margin-left: 59.46808510638297%;
        }

    .row-fluid .offset6 {
        margin-left: 53.191489361702125%;
        *margin-left: 53.085106382978715%;
    }

        .row-fluid .offset6:first-child {
            margin-left: 51.063829787234035%;
            *margin-left: 50.95744680851063%;
        }

    .row-fluid .offset5 {
        margin-left: 44.68085106382979%;
        *margin-left: 44.57446808510638%;
    }

        .row-fluid .offset5:first-child {
            margin-left: 42.5531914893617%;
            *margin-left: 42.4468085106383%;
        }

    .row-fluid .offset4 {
        margin-left: 36.170212765957444%;
        *margin-left: 36.06382978723405%;
    }

        .row-fluid .offset4:first-child {
            margin-left: 34.04255319148936%;
            *margin-left: 33.93617021276596%;
        }

    .row-fluid .offset3 {
        margin-left: 27.659574468085104%;
        *margin-left: 27.5531914893617%;
    }

        .row-fluid .offset3:first-child {
            margin-left: 25.53191489361702%;
            *margin-left: 25.425531914893618%;
        }

    .row-fluid .offset2 {
        margin-left: 19.148936170212764%;
        *margin-left: 19.04255319148936%;
    }

        .row-fluid .offset2:first-child {
            margin-left: 17.02127659574468%;
            *margin-left: 16.914893617021278%;
        }

    .row-fluid .offset1 {
        margin-left: 10.638297872340425%;
        *margin-left: 10.53191489361702%;
    }

        .row-fluid .offset1:first-child {
            margin-left: 8.51063829787234%;
            *margin-left: 8.404255319148938%;
        }

    .row-fluid [class*="span"].pull-right {
        float: right;
    }



/* # Typography
================================================== */

p {
    margin: 0 0 10px;
}

small {
    font-size: 85%;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

cite {
    font-style: normal;
}

.muted {
    color: #999999;
}

.text-warning {
    color: #c09853;
}

.text-error {
    color: #b94a48;
}

.text-info {
    color: #3a87ad;
}

.text-success {
    color: #468847;
}

h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    color: inherit;
    text-rendering: optimizelegibility;
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-weight: normal;
        line-height: 1;
        color: #999999;
        margin-left: 12px;
    }

h1 {
    font-size: 36px;
    line-height: 40px;
}

h2 {
    font-size: 30px;
    line-height: 40px;
}

h3 {
    font-size: 24px;
    line-height: 40px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

h1 small {
    font-size: 24px;
}

h2 small {
    font-size: 18px;
}

h3 small {
    font-size: 14px;
}

h4 small {
    font-size: 14px;
}

dt, dd {
    line-height: 20px;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 10px;
}

.dl-horizontal {
    *zoom: 1;
}

    .dl-horizontal:before, .dl-horizontal:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .dl-horizontal:after {
        clear: both;
    }

    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ffffff;
}

abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #999999;
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 0 0 0 15px;
    border-left: 5px solid #eeeeee;
}

    blockquote p {
        margin-bottom: 0;
        font-size: 14px;
    }

    blockquote small {
        display: block;
        line-height: 20px;
        color: #999999;
    }

        blockquote small:before {
            content: '\2014 \00A0';
        }

    blockquote.pull-right {
        float: right;
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eeeeee;
        border-left: 0;
    }

        blockquote.pull-right p, blockquote.pull-right small {
            text-align: right;
        }

            blockquote.pull-right small:before {
                content: '';
            }

            blockquote.pull-right small:after {
                content: '\00A0 \2014';
            }

    q:before, q:after, blockquote:before, blockquote:after {
        content: "";
    }

code, pre {
    padding: 0 3px 2px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 12px;
    color: #333333;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

code {
    padding: 2px 6px;
    color: #ca3131;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    font-size: 11px;
}

pre {
    display: block;
    padding: 8px;
    font-size: 12px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    pre code {
        padding: 0;
        color: inherit;
        background-color: transparent;
        border: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}



/*===== Lists =====*/

ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0;
}

.list ul, .list ol {
    padding: 0;
}

.list ul {
    margin: 0 0 0 15px;
    list-style-type: disc;
}

.list ol {
    margin: 0 0 0 15px;
    list-style-type: decimal;
}

    .list ul ul, .list ol ul {
        list-style-type: circle;
    }

.minus-list li:before {
    content: '-';
    display: inline-block;
    padding: 0 8px 0 0;
    color: #999;
}

.arrow-list li {
    background: url(../images/elements/other/list_arrow.png) no-repeat 0 8px;
    padding: 0 0 0 12px;
}

.check-list li {
    background: url(../images/elements/other/done.png) no-repeat 0 6px;
    padding: 0 0 0 20px;
}

.plus-list li:before {
    content: '+';
    display: inline-block;
    padding: 0 8px 0 0;
    color: #999;
}

.minus-list ul, .plus-list ul {
    margin-left: 12px;
}



/*===== Labels, badges =====*/

.badge, .label {
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5f5f5f;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 7px 4px 7px;
    line-height: 13px;
}

label.valid {
    display: inline-block;
}

label.error {
    margin-top: 4px;
    font-size: 11px;
    display: inline-block;
    white-space: nowrap;
    color: #b94a48;
}

a.label:hover, a.badge:hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label-important, .badge-important {
    background-color: #c95454;
}

    .label-important[href], .badge-important[href] {
        background-color: #953b39;
    }

.label-warning, .badge-warning {
    background-color: #d17d10;
}

    .label-warning[href], .badge-warning[href] {
        background-color: #c67605;
    }

.label-success, .badge-success {
    background-color: #7aa745;
}

    .label-success[href], .badge-success[href] {
        background-color: #356635;
    }

.label-info, .badge-info {
    background-color: #589fc4;
}

    .label-info[href], .badge-info[href] {
        background-color: #2d6987;
    }

.label-inverse, .badge-inverse {
    background-color: #333333;
}

    .label-inverse[href], .badge-inverse[href] {
        background-color: #1a1a1a;
    }

.btn .label, .btn .badge {
    position: relative;
    top: -1px;
}

.btn-mini .label, .btn-mini .badge {
    top: 0;
}



/*===== Tables styles =====*/

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.table {
    width: 100%;
}

    .table th, .table td {
        padding: 8px 12px;
        line-height: 20px;
        vertical-align: middle;
        border-top: 1px solid #e2e2e2;
    }

    .table td {
        background: #fefefe;
    }

    .table th {
        font-weight: bold;
        text-align: left;
    }

    .table thead th {
        background-color: #f8f8f8;
    }

    .table .checker {
        margin: 0;
    }

.table-checks tr td:first-child {
    width: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.table-checks .row-checked td {
    background: #fffff7;
}

.table-controls {
    margin: 0 -1px;
}

    .table-controls > li {
        display: inline-block;
        margin: 0 1px;
    }

        .table-controls > li > .btn {
            padding: 4px;
        }

            .table-controls > li > .btn > i {
                margin-left: 0;
                margin-right: 0;
            }

        .table-controls > li > a > i {
            margin-right: 0;
            font-size: 14px;
            color: #555;
        }

        .table-controls > li > a.btn > b, .table-controls > li > a > b {
            margin: 1px 0 -1px 0;
            font-size: 14px;
            color: #555;
            width: 1.1em;
            float: none;
        }

.table-footer {
    border-top: 1px solid #dddddd;
    padding: 8px 12px;
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
    background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
}

    .table-footer:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }

    .table-footer .pagination {
        display: inline-block;
        float: right;
        margin: 6px 0;
    }

    .table-footer .table-actions {
        display: block;
        margin: 6px 0;
        float: left;
    }

        .table-footer .table-actions label {
            margin: 2px 12px 0 0;
        }

.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
    border-top: 0;
}

.table tbody + tbody {
    border-top: 2px solid #dddddd;
}

.table-condensed th, .table-condensed td {
    padding: 4px 12px;
}

.table-gradient tbody td {
    background: none;
}

.table-gradient tbody tr {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
    background: linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
}

.table-transparent, .table-transparent tbody td, .table-transparent thead th {
    background: none;
    border: none;
}

.table-bordered {
    border: 1px solid #e2e2e2;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .table-bordered th, .table-bordered td {
        border-left: 1px solid #dddddd;
    }

.table .rowspan {
    border-left: 1px solid #e2e2e2!important;
}

.table-block {
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
}

    .table-block tr:first-child th:first-child, .table-block tr td:first-child {
        border-left: none;
    }

.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}

    .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
        -webkit-border-top-left-radius: 2px;
        border-top-left-radius: 2px;
        -moz-border-radius-topleft: 2px;
    }

    .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
        -webkit-border-top-right-radius: 2px;
        border-top-right-radius: 2px;
        -moz-border-radius-topright: 2px;
    }

.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
}

.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
}

.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
}

.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #fcfcfc;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #fafafa;
}

.row-fluid table [class*=span] {
    display: table-cell;
    float: none;
    margin-left: 0;
}

/* Color highlighting */

.table tbody tr.success td {
    background-color: #f0faec;
}

.table tbody tr.error td {
    background-color: #fdf3f3;
}

.table tbody tr.warning td {
    background-color: #FFFFF7;
}

.table tbody tr.info td {
    background-color: #eef7fb;
}

.table-hover tbody tr.success:hover td {
    background-color: #eaf9e4;
}

.table-hover tbody tr.error:hover td {
    background-color: #fdefef;
}

.table-hover tbody tr.warning:hover td {
    background-color: #fefeea;
}

.table-hover tbody tr.info:hover td {
    background-color: #e8f5fb;
}




/* # Form stylings
================================================== */

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 13px;
    line-height: 40px;
    color: #5F5F5F;
    border: 0;
    font-weight: bold;
}

    legend small {
        font-size: 15px;
        color: #999999;
    }

label {
    margin-bottom: 4px;
    display: inline-block;
}

select, textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    padding: 8px 7px;
    font-size: 12px;
    color: #5F5F5F;
    font-family: Arial, Helvetica, sans-serif;
}

input[type="search"] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-appearance: none;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
   
    color: #6a6a6a;
}

input[type=submit][disabled], input[type=button][disabled] {
    color: #fff;
}

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {
    background-color: transparent;
    cursor: no-drop;
}

textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

select {
    width: 220px;
    height: 30px;
    padding: 6px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}

    select:focus {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color: #ffffff;
    border: 1px solid #dadada;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02), 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02), 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02), 0 1px 0 #ffffff;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    height: 31px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
    float: none;
    margin-left: 0;
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
    display: inline-block;
}

input[type="radio"], input[type="checkbox"] {
    *margin-top: 0;
    margin-top: 1px \9;
    line-height: normal;
    cursor: pointer;
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
    width: auto;
}

.uneditable-input, .uneditable-textarea {
    color: #999999;
    background-color: #fcfcfc;
    border-color: #cccccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    cursor: not-allowed;
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap;
}

.uneditable-textarea {
    width: auto;
    height: auto;
}


/*===== Placeholder color =====*/

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999999;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999999;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999999;
}


/*===== Radios, checkboxes =====*/

.radio, .checkbox {
    min-height: 18px;
    display: block;
}

    .radio input[type="radio"], .checkbox input[type="checkbox"] {
        float: left;
        margin-top: 4px;
        margin-right: 6px;
    }

.controls > .radio:first-child, .controls > .checkbox:first-child {
    padding-top: 3px;
}

.radio.inline, .checkbox.inline {
    display: inline-block;
    padding-top: 3px;
    margin-bottom: 0;
    vertical-align: middle;
}

    .checkbox.inline > .checker {
        float: none;
        margin: 0 8px 0 0;
        display: inline-block;
        vertical-align: text-bottom;
    }

    .radio.inline > .choice {
        float: none;
        margin: 0 8px 0 0;
        display: inline-block;
        vertical-align: text-bottom;
    }

        .radio.inline > .choice > span {
            margin-top: 1px;
        }

    .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
        margin-left: 10px;
    }


/*===== Input sizes =====*/

.input-mini {
    width: 10%;
}

.input-small {
    width: 15%;
}

.input-medium {
    width: 20%;
}

.input-large {
    width: 25%;
}

.input-xlarge {
    width: 30%;
}

.input-xxlarge {
    width: 35%;
}


/*===== Controls =====*/

.control-group {
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #fff;
    padding: 20px 16px;
}

    .control-group:first-child {
        border-top: none;
    }

    .control-group:last-child {
        border-bottom: none;
    }

legend + .control-group {
    margin-top: 20px;
    -webkit-margin-top-collapse: separate;
}

.no-well .control-group {
    padding: 20px 0;
    border-bottom-color: #dadada;
}

.control-group.warning label, .control-group.warning .help-block, .control-group.warning .help-inline {
    color: #b46920;
}

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    border-color: #d3c8b4;
}

.control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853;
}

.control-group.error label, .control-group.error .help-block, .control-group.error .help-inline {
    color: #b94a48;
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: #d7bcbb;
}

.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}

.control-group.success label, .control-group.success .help-block, .control-group.success .help-inline {
    color: #518a38;
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
    border-color: #acd39b;
}

.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}

.control-group.info label, .control-group.info .help-block, .control-group.info .help-inline {
    color: #437e9f;
}

.control-group.info input, .control-group.info select, .control-group.info textarea {
    border-color: #bdd4e0;
}

.control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #bdd4e0;
}


/*===== Form actions =====*/

.form-actions {
    padding: 16px;
    *zoom: 1;
}

    .form-actions:before, .form-actions:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .form-actions:after {
        clear: both;
    }

    .form-actions .btn {
        margin-top: 0;
        margin-bottom: 0;
    }

.no-well .form-actions {
    padding: 20px 0 0 0;
    border-top: 1px solid #ffffff;
}


/*===== Helps =====*/

.help-block, .help-inline {
    color: #a5a5a5;
    font-size: 11px;
}

.help-block {
    display: block;
    margin-bottom: 10px;
}

.help-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}


/*===== Appended, prepended elements =====*/

.input-append, .input-prepend {
    margin-bottom: 5px;
    font-size: 0;
    white-space: nowrap;
}

    .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {
        position: relative;
        margin-bottom: 0;
        *margin-left: 0;
        vertical-align: top;
    }

        .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus {
            z-index: 2;
        }

    .input-append .add-on, .input-prepend .add-on {
        display: inline-block;
        width: auto;
        min-width: 16px;
        padding: 3px 6px;
        font-weight: normal;
        text-align: center;
        text-shadow: 0 1px 0 #ffffff;
        color: #999;
        font-size: 12px;
        border: 1px solid #DADADA;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
        background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
    }

    .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn {
        vertical-align: top;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .input-append .btn, .input-prepend .btn {
        padding: 8px 12px 7px 12px;
        font-weight: normal;
        margin: 0;
    }

    .input-prepend.input-append .btn-group:first-child {
        margin-left: 0;
    }

    .input-append.input-prepend .btn-group .dropdown-menu, .input-append .btn-group .dropdown-menu, .input-prepend .btn-group .dropdown-menu {
        margin-top: 0;
    }

    .input-append .active, .input-prepend .active {
        background-color: #a9dba9;
        border-color: #46a546;
    }

    .input-prepend .add-on, .input-prepend .btn {
        margin-right: -1px;
    }

        .input-prepend .add-on:first-child, .input-prepend .btn:first-child {
            -webkit-border-radius: 2px 0 0 2px;
            -moz-border-radius: 2px 0 0 2px;
            border-radius: 2px 0 0 2px;
        }

    .input-append .add-on, .input-append .btn, .input-append .btn-group {
        margin-left: -1px;
    }

        .input-append .add-on > i, .input-prepend .add-on > i {
            vertical-align: middle;
            color: #5f5f5f;
            font-size: 16px;
            line-height: 1;
        }

    .input-append input + .btn-group .btn, .input-append select + .btn-group .btn, .input-append .uneditable-input + .btn-group .btn {
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
    }

    .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn {
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
    }

    .input-append .add-on:last-child, .input-append .btn:last-child {
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
    }

    .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
        margin-right: -1px;
        -webkit-border-radius: 2px 0 0 2px;
        -moz-border-radius: 2px 0 0 2px;
        border-radius: 2px 0 0 2px;
    }

    .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
        margin-left: -1px;
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
    }


/*===== Form classes =====*/

.form-inline input,
.form-horizontal input,
.form-inline textarea,
.form-horizontal textarea,
.form-inline select,
.form-horizontal select,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input {
    display: inline-block;
    *zoom: 1;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-inline .hide, .form-horizontal .hide {
    display: none;
}

.form-inline .btn {
    vertical-align: middle;
    margin-right: 6px;
}

.form-inline .selector {
    margin-right: 6px;
}

.form-inline input {
    margin-right: 6px;
}

.form-inline label, .form-inline .btn-group {
    display: inline-block;
}

.form-inline .input-append, .form-inline .input-prepend {
    margin-bottom: 0;
}

.form-inline .radio, .form-inline .checkbox {
    padding-right: 6px;
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
    margin-top: 2px;
}

    .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
        float: left;
        margin-right: 3px;
        margin-left: 0;
    }

.form-horizontal .control-group {
    *zoom: 1;
}

    .form-horizontal .control-group:before, .form-horizontal .control-group:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .form-horizontal .control-group:after {
        clear: both;
    }

.form-horizontal label.control-label {
    float: left;
    width: 18%;
    padding-top: 3px;
}

    .form-horizontal label.control-label > i {
        margin-right: 6px;
    }

.form-horizontal span.control-label {
    width: 18%;
    float: left;
    padding-top: 0;
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20%;
    margin-left: 20%;
    *margin-left: 0;
    position: relative;
}

.form-horizontal .help-block {
    margin-bottom: 0;
}

.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block {
    margin-top: 4px;
}


/*===== Breadcrumbs =====*/

.breadcrumb {
    padding: 8px;
    margin: 0 0 20px;
    list-style: none;
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .breadcrumb li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        text-shadow: 0 1px 0 #ffffff;
    }

        .breadcrumb li a {
            color: #327394;
        }

    .breadcrumb .divider {
        padding: 0 5px;
        border: none;
        color: #ccc;
    }

    .breadcrumb .active {
        color: #999999;
    }



/* # Buttons
================================================== */

.btn {
    font-size: 11px;
    color: #686868;
    font-weight: bold;
    display: inline-block;
    margin: 2px 0;
    line-height: 13px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 8px 13px 7px 13px;
    border: 1px solid #d5d5d5;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
    background: #fafafa;
    background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
    background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
}

.btn-group .dropdown-menu {
    margin-top: -1px;
}

.btn-group.dropup .dropdown-menu {
    margin-bottom: -1px;
}

.sidebar .btn, .sidebar .btn:active {
    border: 1px solid #3A3A3A;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0 1px 1px #686868, 0 1px 1px rgba(255, 255, 255, 0.2) inset;
    -webkit-box-shadow: 0 1px 1px #686868, 0 1px 1px rgba(255, 255, 255, 0.2) inset;
    -moz-box-shadow: 0 1px 1px #686868, 0 1px 1px rgba(255, 255, 255, 0.2) inset;
}

.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    outline: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

.btn:first-child {
    *margin-left: 0;
}

.btn:hover {
    opacity: 0.95;
    filter: alpha(opacity=95);
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.btn-warning:hover, .btn-success:hover, .btn-primary:hover, .btn-info:hover, .btn-danger:hover, .btn-inverse:hover {
    color: #fff;
}

.btn.active, .btn:active, .btn-group.open .btn.dropdown-toggle {
    background: #6a6a6a;
    color: white;
    border: 1px solid #555;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
}

    .btn.active > .caret, .btn:active > .caret, .btn-group.open .btn.dropdown-toggle > .caret {
        border-top-color: #fff;
        border-bottom-color: #fff;
    }

.btn.disabled, .btn[disabled] {
    cursor: default;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

button.btn, input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

    button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    button.btn.btn-large, input[type="submit"].btn.btn-large {
        *padding-top: 7px;
        *padding-bottom: 7px;
    }

    button.btn.btn-small, input[type="submit"].btn.btn-small {
        *padding-top: 3px;
        *padding-bottom: 3px;
    }

    button.btn.btn-mini, input[type="submit"].btn.btn-mini {
        *padding-top: 1px;
        *padding-bottom: 1px;
    }

.btn-group.open .btn-link.dropdown-toggle > .caret, .btn-link:active > .caret, .btn-link > .caret {
    border-top-color: #327394;
    border-bottom-color: #327394;
}

.dd-caret {
    margin-left: 5px;
    margin-right: -2px;
}
/* Correction margin for button dropdown */


/*===== Button sizes =====*/

.btn-large {
    padding: 8px 14px;
    font-size: 14px;
    line-height: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .btn-large [class^="icon-"] {
        margin-top: 1px;
    }

.btn-small {
    padding: 7px 12px 6px 12px;
    line-height: 13px;
}

    .btn-small [class^="icon-"] {
        margin-top: -1px;
    }

.btn-mini {
    padding: 6px 10px 5px 10px;
    font-size: 11px;
    line-height: 13px;
    border-radius: 0;
    -moz-border-radius: 0;
}

.btn-block {
    display: block;
    width: 100%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
}

.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
    box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
    -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}


/*===== General button classes =====*/

.btn-primary {
    color: #fff;
    border: 1px solid #3e76af;
    background: #4786b8;
    background: -moz-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba5cb), color-stop(100%,#3a70ab));
    background: -webkit-linear-gradient(top, #5ba5cb 0%,#3a70ab 100%);
    background: -o-linear-gradient(top, #5ba5cb 0%,#3a70ab 100%);
    background: -ms-linear-gradient(top, #5ba5cb 0%,#3a70ab 100%);
    background: linear-gradient(top, #5ba5cb 0%,#3a70ab 100%);
}

    .btn-primary:hover {
        opacity: 0.95;
        filter: alpha(opacity=95);
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
    }

    .btn-primary:active, .btn-primary.active, .btn-group.open .btn-primary.dropdown-toggle {
        background: #4786b8;
        border-color: #3e76af;
    }


.btn-warning {
    color: #fff;
    border: 1px solid #c4853e;
    background: #ca8e40;
    background: -moz-linear-gradient(top, #d5a44c 0%, #c07833 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5a44c), color-stop(100%,#c07833));
    background: -webkit-linear-gradient(top, #d5a44c 0%,#c07833 100%);
    background: -o-linear-gradient(top, #d5a44c 0%,#c07833 100%);
    background: -ms-linear-gradient(top, #d5a44c 0%,#c07833 100%);
    background: linear-gradient(top, #d5a44c 0%,#c07833 100%);
}

    .btn-warning:active, .btn-warning.active, .btn-group.open .btn-warning.dropdown-toggle {
        background: #ca8e40;
        border-color: #c4853e;
    }


.btn-danger {
    color: #fff;
    border: 1px solid #a95151;
    background: #b15e5e;
    background: -moz-linear-gradient(top, #c57979 0%, #a34c4c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c57979), color-stop(100%,#a34c4c));
    background: -webkit-linear-gradient(top, #c57979 0%,#a34c4c 100%);
    background: -o-linear-gradient(top, #c57979 0%,#a34c4c 100%);
    background: -ms-linear-gradient(top, #c57979 0%,#a34c4c 100%);
    background: linear-gradient(top, #c57979 0%,#a34c4c 100%);
}

    .btn-danger:active, .btn-danger.active, .btn-group.open .btn-danger.dropdown-toggle {
        background: #b15e5e;
        border-color: #a95151;
    }


.btn-success {
    color: #fff;
    border: 1px solid #68a341;
    background: #74aa49;
    background: -moz-linear-gradient(top, #96c161 0%, #609c3d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c161), color-stop(100%,#609c3d));
    background: -webkit-linear-gradient(top, #96c161 0%,#609c3d 100%);
    background: -o-linear-gradient(top, #96c161 0%,#609c3d 100%);
    background: -ms-linear-gradient(top, #96c161 0%,#609c3d 100%);
    background: linear-gradient(top, #96c161 0%,#609c3d 100%);
}

    .btn-success:active, .btn-success.active, .btn-group.open .btn-success.dropdown-toggle {
        background: #74aa49;
        border-color: #68a341;
    }


.btn-info {
    color: #fff;
    border: 1px solid #5897c3;
    background: #559cc7;
    background: -moz-linear-gradient(top, #6db5d5 0%, #4a91c0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db5d5), color-stop(100%,#4a91c0));
    background: -webkit-linear-gradient(top, #6db5d5 0%,#4a91c0 100%);
    background: -o-linear-gradient(top, #6db5d5 0%,#4a91c0 100%);
    background: -ms-linear-gradient(top, #6db5d5 0%,#4a91c0 100%);
    background: linear-gradient(top, #6db5d5 0%,#4a91c0 100%);
}

    .btn-info:active, .btn-info.active, .btn-group.open .btn-info.dropdown-toggle {
        background: #559cc7;
        border-color: #5897c3;
    }


.btn-inverse {
    color: #ffffff;
    border: 1px solid #4e4e4e;
    background: #484848;
    background: -moz-linear-gradient(top, #555555, #444444);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#444444));
    background: -webkit-linear-gradient(top, #555555, #444444);
    background: -o-linear-gradient(top, #555555, #444444);
    background: linear-gradient(to bottom, #555555, #444444);
}

    .btn-inverse:active, .btn-inverse.active, .btn-group.open .btn-inverse.dropdown-toggle {
        background: #484848;
    }


.btn-link, .btn-link:active, .btn-link[disabled], .btn-group.open .btn-link.dropdown-toggle {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
    box-shadow: none;
    color: #327394;
}

.btn-link {
    border: none;
    cursor: pointer;
    color: #327394;
}

    .btn-link:hover {
        color: #327394;
        text-decoration: underline;
        background-color: transparent;
    }

    .btn-link[disabled]:hover {
        color: #333333;
        text-decoration: none;
    }

    .btn-link:active {
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }


/*===== Button group =====*/

.btn-group {
    position: relative;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
    *margin-left: .3em;
    display: inline-block;
}

    .btn-group:first-child {
        *margin-left: 0;
    }

    .btn-group + .btn-group {
        margin-left: 5px;
    }

.btn-toolbar {
    font-size: 0;
}

    .btn-toolbar .btn-group {
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

        .btn-toolbar .btn + .btn, .btn-toolbar .btn-group + .btn, .btn-toolbar .btn + .btn-group {
            margin-left: 5px;
        }

.btn-group > .btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .btn-group > .btn + .btn {
        margin-left: -1px;
    }

.btn-group > .btn,
.btn-group > .dropdown-menu {
    font-size: 11px;
}

.btn-group > .btn-mini {
    font-size: 11px;
}

.btn-group > .btn-small {
    font-size: 12px;
}

.btn-group > .btn-large {
    font-size: 14px;
}

.btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
}

.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
}

.btn-group > .btn.large:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
}

.btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
    z-index: 2;
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    *padding-top: 5px;
    *padding-bottom: 5px;
}

.btn-group > .btn-mini + .dropdown-toggle {
    padding-left: 5px;
    padding-right: 5px;
    *padding-top: 2px;
    *padding-bottom: 2px;
}

.btn-group > .btn-small + .dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
    *padding-top: 7px;
    *padding-bottom: 7px;
}

.btn-group-vertical {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    .btn-group-vertical .btn {
        display: block;
        float: none;
        width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

        .btn-group-vertical .btn + .btn {
            margin-left: 0;
            margin-top: -1px;
        }

        .btn-group-vertical .btn:first-child {
            -webkit-border-radius: 2px 2px 0 0;
            -moz-border-radius: 2px 2px 0 0;
            border-radius: 2px 2px 0 0;
        }

        .btn-group-vertical .btn:last-child {
            -webkit-border-radius: 0 0 2px 2px;
            -moz-border-radius: 0 0 2px 2px;
            border-radius: 0 0 2px 2px;
        }

    .btn-group-vertical .btn-large:first-child {
        -webkit-border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0;
    }

    .btn-group-vertical .btn-large:last-child {
        -webkit-border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
        border-radius: 0 0 2px 2px;
    }


/*===== Button caret =====*/

.btn .caret {
    margin-top: 5px;
}

.btn-mini .caret, .btn-small .caret, .btn-large .caret {
    margin-top: 6px;
}

.btn-large .caret {
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px;
}

.dropup .btn-large .caret {
    border-bottom: 5px solid #000000;
    border-top: 0;
}

.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.dropup .btn-primary .caret, .dropup .btn-warning .caret, .dropup .btn-danger .caret, .dropup .btn-info .caret, .dropup .btn-success .caret, .dropup .btn-inverse .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}




/* # Icons (Glyphicons)
================================================== */

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: -2px;
    background-image: url("../images/sprites/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.btn b {
    float: left;
    display: block;
    margin-top: -1px;
    margin-right: 5px;
}

/* White icons with optional class, or on hover/active states of certain elements */
.icon-white,
.nav-tabs > .active > a > [class^="icon-"],
.nav-tabs > .active > a > [class*=" icon-"],
.btn-primary > [class^="icon-"],
.btn-primary > [class*=" icon-"],
.btn-info > [class^="icon-"],
.btn-info > [class*=" icon-"],
.btn-success > [class^="icon-"],
.btn-success > [class*=" icon-"],
.btn-danger > [class^="icon-"],
.btn-danger > [class*=" icon-"],
.btn-warning > [class^="icon-"],
.btn-warning > [class*=" icon-"],
.btn-inverse > [class^="icon-"],
.btn-inverse > [class*=" icon-"],
.btn:active > [class^="icon-"],
.btn:active > [class*=" icon-"],
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"] {
    background-image: url("../images/sprites/glyphicons-halflings-white.png");
}

.icon-glass {
    background-position: 0 0;
}

.icon-music {
    background-position: -24px 0;
}

.icon-search {
    background-position: -48px 0;
}

.icon-envelope {
    background-position: -72px 0;
}

.icon-heart {
    background-position: -96px 0;
}

.icon-star {
    background-position: -120px 0;
}

.icon-star-empty {
    background-position: -144px 0;
}

.icon-user {
    background-position: -168px 0;
}

.icon-film {
    background-position: -192px 0;
}

.icon-th-large {
    background-position: -216px 0;
}

.icon-th {
    background-position: -240px 0;
}

.icon-th-list {
    background-position: -264px 0;
}

.icon-ok {
    background-position: -288px 0;
}

.icon-remove {
    background-position: -312px 0;
}

.icon-zoom-in {
    background-position: -336px 0;
}

.icon-zoom-out {
    background-position: -360px 0;
}

.icon-off {
    background-position: -384px 0;
}

.icon-signal {
    background-position: -408px 0;
}

.icon-cog {
    background-position: -432px 0;
}

.icon-trash {
    background-position: -456px 0;
}

.icon-home {
    background-position: 0 -24px;
}

.icon-file {
    background-position: -24px -24px;
}

.icon-time {
    background-position: -48px -24px;
}

.icon-road {
    background-position: -72px -24px;
}

.icon-download-alt {
    background-position: -96px -24px;
}

.icon-download {
    background-position: -120px -24px;
}

.icon-upload {
    background-position: -144px -24px;
}

.icon-inbox {
    background-position: -168px -24px;
}

.icon-play-circle {
    background-position: -192px -24px;
}

.icon-repeat {
    background-position: -216px -24px;
}

.icon-refresh {
    background-position: -240px -24px;
}

.icon-list-alt {
    background-position: -264px -24px;
}

.icon-lock {
    background-position: -287px -24px;
}

.icon-flag {
    background-position: -312px -24px;
}

.icon-headphones {
    background-position: -336px -24px;
}

.icon-volume-off {
    background-position: -360px -24px;
}

.icon-volume-down {
    background-position: -384px -24px;
}

.icon-volume-up {
    background-position: -408px -24px;
}

.icon-qrcode {
    background-position: -432px -24px;
}

.icon-barcode {
    background-position: -456px -24px;
}

.icon-tag {
    background-position: 0 -48px;
}

.icon-tags {
    background-position: -25px -48px;
}

.icon-book {
    background-position: -48px -48px;
}

.icon-bookmark {
    background-position: -72px -48px;
}

.icon-print {
    background-position: -96px -48px;
}

.icon-camera {
    background-position: -120px -48px;
}

.icon-font {
    background-position: -144px -48px;
}

.icon-bold {
    background-position: -167px -48px;
}

.icon-italic {
    background-position: -192px -48px;
}

.icon-text-height {
    background-position: -216px -48px;
}

.icon-text-width {
    background-position: -240px -48px;
}

.icon-align-left {
    background-position: -264px -48px;
}

.icon-align-center {
    background-position: -288px -48px;
}

.icon-align-right {
    background-position: -312px -48px;
}

.icon-align-justify {
    background-position: -336px -48px;
}

.icon-list {
    background-position: -360px -48px;
}

.icon-indent-left {
    background-position: -384px -48px;
}

.icon-indent-right {
    background-position: -408px -48px;
}

.icon-facetime-video {
    background-position: -432px -48px;
}

.icon-picture {
    background-position: -456px -48px;
}

.icon-pencil {
    background-position: 0 -72px;
}

.icon-map-marker {
    background-position: -24px -72px;
}

.icon-adjust {
    background-position: -48px -72px;
}

.icon-tint {
    background-position: -72px -72px;
}

.icon-edit {
    background-position: -96px -72px;
}

.icon-share {
    background-position: -120px -72px;
}

.icon-check {
    background-position: -144px -72px;
}

.icon-move {
    background-position: -168px -72px;
}

.icon-step-backward {
    background-position: -192px -72px;
}

.icon-fast-backward {
    background-position: -216px -72px;
}

.icon-backward {
    background-position: -240px -72px;
}

.icon-play {
    background-position: -264px -72px;
}

.icon-pause {
    background-position: -288px -72px;
}

.icon-stop {
    background-position: -312px -72px;
}

.icon-forward {
    background-position: -336px -72px;
}

.icon-fast-forward {
    background-position: -360px -72px;
}

.icon-step-forward {
    background-position: -384px -72px;
}

.icon-eject {
    background-position: -408px -72px;
}

.icon-chevron-left {
    background-position: -432px -72px;
}

.icon-chevron-right {
    background-position: -456px -72px;
}

.icon-plus-sign {
    background-position: 0 -96px;
}

.icon-minus-sign {
    background-position: -24px -96px;
}

.icon-remove-sign {
    background-position: -48px -96px;
}

.icon-ok-sign {
    background-position: -72px -96px;
}

.icon-question-sign {
    background-position: -96px -96px;
}

.icon-info-sign {
    background-position: -120px -96px;
}

.icon-screenshot {
    background-position: -144px -96px;
}

.icon-remove-circle {
    background-position: -168px -96px;
}

.icon-ok-circle {
    background-position: -192px -96px;
}

.icon-ban-circle {
    background-position: -216px -96px;
}

.icon-arrow-left {
    background-position: -240px -96px;
}

.icon-arrow-right {
    background-position: -264px -96px;
}

.icon-arrow-up {
    background-position: -289px -96px;
}

.icon-arrow-down {
    background-position: -312px -96px;
}

.icon-share-alt {
    background-position: -336px -96px;
}

.icon-resize-full {
    background-position: -360px -96px;
}

.icon-resize-small {
    background-position: -384px -96px;
}

.icon-plus {
    background-position: -408px -96px;
}

.icon-minus {
    background-position: -433px -96px;
}

.icon-asterisk {
    background-position: -456px -96px;
}

.icon-exclamation-sign {
    background-position: 0 -120px;
}

.icon-gift {
    background-position: -24px -120px;
}

.icon-leaf {
    background-position: -48px -120px;
}

.icon-fire {
    background-position: -72px -120px;
}

.icon-eye-open {
    background-position: -96px -120px;
}

.icon-eye-close {
    background-position: -120px -120px;
}

.icon-warning-sign {
    background-position: -144px -120px;
}

.icon-plane {
    background-position: -168px -120px;
}

.icon-calendar {
    background-position: -192px -120px;
}

.icon-random {
    background-position: -216px -120px;
    width: 16px;
}

.icon-comment {
    background-position: -240px -120px;
}

.icon-magnet {
    background-position: -264px -120px;
}

.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

.icon-retweet {
    background-position: -336px -120px;
}

.icon-shopping-cart {
    background-position: -360px -120px;
}

.icon-folder-close {
    background-position: -384px -120px;
}

.icon-folder-open {
    background-position: -408px -120px;
    width: 16px;
}

.icon-resize-vertical {
    background-position: -432px -119px;
}

.icon-resize-horizontal {
    background-position: -456px -118px;
}

.icon-hdd {
    background-position: 0 -144px;
}

.icon-bullhorn {
    background-position: -24px -144px;
}

.icon-bell {
    background-position: -48px -144px;
}

.icon-certificate {
    background-position: -72px -144px;
}

.icon-thumbs-up {
    background-position: -96px -144px;
}

.icon-thumbs-down {
    background-position: -120px -144px;
}

.icon-hand-right {
    background-position: -144px -144px;
}

.icon-hand-left {
    background-position: -168px -144px;
}

.icon-hand-up {
    background-position: -192px -144px;
}

.icon-hand-down {
    background-position: -216px -144px;
}

.icon-circle-arrow-right {
    background-position: -240px -144px;
}

.icon-circle-arrow-left {
    background-position: -264px -144px;
}

.icon-circle-arrow-up {
    background-position: -288px -144px;
}

.icon-circle-arrow-down {
    background-position: -312px -144px;
}

.icon-globe {
    background-position: -336px -144px;
}

.icon-wrench {
    background-position: -360px -144px;
}

.icon-tasks {
    background-position: -384px -144px;
}

.icon-filter {
    background-position: -408px -144px;
}

.icon-briefcase {
    background-position: -432px -144px;
}

.icon-fullscreen {
    background-position: -456px -144px;
}




/* # Navbar
================================================== */


.navbar {
    overflow: visible;
    color: #777777;
    *position: relative;
    *z-index: 2;
}

.navbar-inner {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    *zoom: 1;
    background-color: #ffffff;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
}

    .navbar-inner:before, .navbar-inner:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .navbar-inner:after {
        clear: both;
    }

.navbar .brand, .navbar h5, .navbar h6 {
    float: left;
    display: block;
    padding: 9px 14px;
    font-size: 14px;
    font-weight: bold;
    color: #5f5f5f;
    text-shadow: 0 1px 0 #ffffff;
    margin: 0;
}

.navbar-inner > h5 > i, .navbar-inner > h6 > i {
    font-size: 14px;
    float: left;
    display: inline-block;
    line-height: 1;
    margin: 4px 10px 0 0;
}

.navbar h6 {
    font-size: 12px;
}

.navbar .brand:hover {
    text-decoration: none;
}


/*===== Navbar elements =====*/

.navbar .progress {
    width: 40%;
    float: right;
    margin: 9px;
}

.navbar .navbar-input {
    padding: 6px 7px;
    margin: 7px;
    width: 40%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.navbar .label, .navbar .badge {
    margin: 9px;
}

.navbar .pick-a-date {
    margin: 7px;
}

    .navbar .pick-a-date > i {
        font-size: 16px;
        margin-right: 10px;
        float: left;
        margin-top: 3px;
    }

    .navbar .pick-a-date input {
        padding: 6px 7px;
        margin-top: 0;
        height: auto;
        width: 100px;
    }

    .navbar .pick-a-date .ui-datepicker-append {
        display: none;
    }

.navbar .checkbox, .navber .radio {
    margin: 9px 2px 0 2px;
}

    .navbar .checkbox .toggle-label, .navbar .radio .toggle-label {
        vertical-align: 7px;
        margin-right: 10px;
        margin-bottom: 0;
    }

.navbar .loading {
    margin: 9px 10px;
}

    .navbar .loading > span {
        float: left;
        display: block;
        margin-right: 10px;
        font-size: 11px;
        font-style: italic;
        color: #999;
    }

    .navbar .loading > img {
        float: right;
        margin-top: 3px;
    }

.navbar .btn-group {
    margin: 6px;
}

.navbar .btn {
    margin: 5px 5px 5px -4px;
}

.navbar .btn-small {
    margin: 6px 5px 6px -4px;
}

.navbar .btn:first-child {
    margin-left: 7px;
}

.navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn {
    margin-top: 0;
}

.nav-collapse.collapse {
    height: auto;
}


/*===== Navbar form =====*/

.navbar-form {
    margin-bottom: 0;
    *zoom: 1;
    padding-top: 7px;
    padding-right: 7px;
}

    .navbar-form:before, .navbar-form:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .navbar-form:after {
        clear: both;
    }

    .navbar-form input[type=text], .navbar-form input[type=password] {
        height: 26px;
        padding: 7px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    .navbar-form .btn {
        padding: 6px 13px 5px 13px;
        margin: 0 0 0 -4px;
        height: 26px;
    }

    .navbar-form input, .navbar-form select, .navbar-form .btn {
        display: inline-block;
    }

        .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] {
            margin-top: 3px;
        }

    .navbar-form .input-append, .navbar-form .input-prepend {
        margin-top: 6px;
        white-space: nowrap;
    }

        .navbar-form .input-append input, .navbar-form .input-prepend input {
            margin-top: 0;
        }

    .navbar-form .btn {
        border-radius: 0 2px 2px 0;
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
    }


/*===== Navbar navigation =====*/

.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

    .navbar .nav > li > a > i {
        margin-right: 0;
    }

        .navbar .nav > li > a > i[class*="font-"] {
            font-size: 14px;
            vertical-align: -1px;
        }

    .navbar .nav > li > a.just-icon {
        padding-left: 12px;
        padding-right: 12px;
    }

    .navbar .nav > a.just-caret {
        padding: 9px 12px 9px 12px;
        border-radius: 0 3px 0 0;
        -webkit-border-radius: 0 3px 0 0;
        -moz-border-radius: 0 3px 0 0;
    }

        .navbar .nav > a.just-caret > .caret {
            border-top-width: 5px;
            border-right-width: 5px;
            border-left-width: 5px;
            margin-top: 9px;
        }

    .navbar .nav > li > a.just-caret {
        padding: 9px 12px 9px 12px;
        border-radius: 0;
        -moz-border-radius: 0;
    }

        .navbar .nav > li > a.just-caret > .caret {
            border-top-width: 5px;
            border-right-width: 5px;
            border-left-width: 5px;
            margin-top: 9px;
            margin-left: 0;
        }

    .navbar .nav > a {
        display: block;
        padding: 10px 12px 7px 12px;
        border-left: 1px solid #E2E2E2;
        cursor: pointer;
    }

        .navbar .nav > a > .caret {
            border-top-color: #777;
            border-bottom-color: #777;
            border-top-width: 4px;
            border-right-width: 4px;
            border-left-width: 4px;
        }

    .navbar .nav.open > a, .navbar .nav.open > a:hover {
        background: #fafafa;
        color: #999;
    }

        .navbar .nav.open > a > .caret {
            border-top-color: #999;
            border-bottom-color: #999;
        }

    .navbar .nav.pull-right {
        float: right;
        margin-right: 0;
    }

    .navbar .nav > li {
        float: left;
    }

        .navbar .nav > li > a {
            float: none;
            padding: 9px 14px;
            color: #5f5f5f;
            text-decoration: none;
            text-shadow: 0 1px 0 #ffffff;
            border-left: 1px solid #E2E2E2;
        }

            .navbar .nav > li > a:hover, .navbar .nav > a:hover {
                background: #fcfcfc;
                background: -moz-linear-gradient(top, #fcfcfc, #f5f5f5);
                background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f5f5f5));
                background: -webkit-linear-gradient(top, #fcfcfc, #f5f5f5);
                background: -o-linear-gradient(top, #fcfcfc, #f5f5f5);
                background: linear-gradient(to bottom, #fcfcfc, #f5f5f5);
            }

        .navbar .nav > li:last-child > a {
            border-radius: 0 3px 0 0;
            -webkit-border-radius: 0 3px 0 0;
            -moz-border-radius: 0 3px 0 0;
        }

    .navbar .nav.left-nav > li:last-child > a {
        border-radius: 0;
        -moz-border-radius: 0;
        border-right: 1px solid #E2E2E2;
    }

    .navbar .nav .dropdown-toggle .caret {
        margin-top: 10px;
    }

    .navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
        background-color: transparent;
        color: #327394;
        text-decoration: none;
    }

    .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
        color: #999999;
        text-decoration: none;
        background-color: #fafafa;
    }

[class^="well"] .navbar .nav > .active > a,
[class*=" well"] .navbar .nav > .active > a,
[class^="well"] .navbar .nav > .active > a:hover,
[class*=" well"] .navbar .nav > .active > a:hover [class^="well"] .navbar .nav > .active > a:focus,
[class*=" well"] .navbar .nav > .active > a:focus {
    -webkit-box-shadow: 0 1px 0 #f1f1f1;
    -moz-box-shadow: 0 1px 0 #f1f1f1;
    box-shadow: 0 1px 0 #f1f1f1;
    background: #fafafa;
}

[class^="well"] .navbar-inverse .nav > .active > a,
[class^="well"] .navbar-inverse .nav > .active > a:hover,
[class^="well"] .navbar-inverse .nav > .active > a:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: #3f3f3f;
    color: #a5a5a5;
}


/*===== Navbar dropdowns =====*/

.navbar .nav .dropdown-menu.pull-right:before, .navbar .nav .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -5px;
}

.navbar .nav .dropdown-menu.pull-right:after, .navbar .nav .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #ffffff;
    position: absolute;
    top: -4px;
}

.navbar .nav .dropdown-menu.pull-right:before {
    right: 12px;
    left: auto;
}

.navbar .nav .dropdown-menu.pull-right:after {
    right: 13px;
    left: auto;
}

.navbar .nav .dropdown-menu:before {
    right: auto;
    left: 12px;
}

.navbar .nav .dropdown-menu:after {
    right: auto;
    left: 13px;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #fafafa;
    color: #999999;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #777777;
    border-bottom-color: #777777;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #999;
    border-bottom-color: #999;
}

.navbar .nav > li > .dropdown-menu.pull-right {
    left: auto;
    right: -1px;
}

    .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
        left: auto;
        right: 100%;
        margin-left: 0;
        margin-right: -1px;
    }


/*===== Navbar inverse =====*/

.navbar-inverse {
    color: #999999;
}

    .navbar-inverse .navbar-inner {
        border-color: #252525;
        border-bottom: none;
        background: url(../images/backgrounds/default.jpg);
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 99%), url(../images/backgrounds/default.jpg);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.3))), url(../images/backgrounds/default.jpg);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 99%), url(../images/backgrounds/default.jpg);
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 99%), url(../images/backgrounds/default.jpg);
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 99%), url(../images/backgrounds/default.jpg);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 99%), url(../images/backgrounds/default.jpg);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }

    .navbar-inverse .nav > li > a {
        color: #ddd;
        text-shadow: none;
        border-left: 1px solid #222;
        box-shadow: 1px 0 0 #444 inset, -1px 0 0 #444 inset;
        -webkit-box-shadow: 1px 0 0 #444 inset, -1px 0 0 #444 inset;
        -moz-box-shadow: 1px 0 0 #444 inset, -1px 0 0 #444 inset;
        border-right: none;
    }

    .navbar-inverse .nav.left-nav > li:last-child > a {
        border-radius: 0;
        -moz-border-radius: 0;
        border-right: 1px solid #222;
    }

    .navbar-inverse .nav > li:last-child > a {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        border-radius: 0 3px 0 0;
        -webkit-border-radius: 0 3px 0 0;
        -moz-border-radius: 0 3px 0 0;
    }

    .navbar-inverse .brand {
        text-shadow: none;
        color: #ccc;
    }

    .navbar-inverse .nav > li:first-child a {
        border-left: 1px solid #222;
    }

    .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover {
        color: #ffffff;
    }

    .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
        background: #444;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        color: #ffffff;
    }

    .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
        color: #ffffff;
        background-color: #3f3f3f;
    }

    .navbar-inverse .navbar-link {
        color: #999999;
    }

        .navbar-inverse .navbar-link:hover {
            color: #ffffff;
        }

    .navbar-inverse .divider-vertical {
        border-left-color: #111111;
        border-right-color: #222222;
    }

    .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
        background-color: #3f3f3f;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        color: #a5a5a5;
    }

    .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
        border-top-color: #a5a5a5;
        border-bottom-color: #a5a5a5;
    }

    .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
        border-top-color: #a5a5a5;
        border-bottom-color: #a5a5a5;
    }




/* # Nav, tabs, pills
================================================== */

.nav {
    margin-left: 0;
    list-style: none;
}

    .nav .divider {
        margin-top: 0;
    }

    .nav > .disabled > a {
        color: #999999;
    }

        .nav > .disabled > a:hover {
            text-decoration: none;
            background-color: transparent;
            cursor: default;
        }

    .nav > li > a {
        display: block;
    }

        .nav > li > a:hover {
            background: #fbfbfb;
            color: #555;
        }

    .nav > .pull-right {
        float: right;
    }

.nav-header {
    display: block;
    padding: 6px 15px 5px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: #777;
    text-transform: uppercase;
    background: #FAFAFA;
    border-bottom: 1px solid #e5e5e5;
}

    .nav-header:first-child {
        border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
    }

.nav li + .nav-header {
    border-top: 1px solid #e5e5e5;
}

.nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
}

    .nav-list > li > a, .nav-list .nav-header {
        margin-left: -15px;
        margin-right: -15px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    }

    .nav-list > li > a {
        padding: 6px 15px;
    }

    .nav-list > .active > a, .nav-list > .active > a:hover {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
        background-color: #0088cc;
    }

    .nav-list [class^="icon-"] {
        margin-right: 2px;
    }

    .nav-list .divider {
        *width: 100%;
        height: 0;
        margin: 0 -15px;
        *margin: -5px 0 5px;
        overflow: hidden;
        border-top: 0;
        border-bottom: 1px solid #e5e5e5;
    }


/*===== Pills =====*/

.nav-pills > li > a {
    padding: 4px 11px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

    .nav-pills > li > a:hover {
        color: #444;
    }

.nav-pills.nav-stacked > li > a {
    padding-top: 8px;
    padding-bottom: 7px;
    border-radius: 0;
    -moz-border-radius: 0;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover {
    color: #ffffff;
    background-color: #0088cc;
    box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
    -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.nav-pills.nav-stacked > .active > a, .nav-pills.nav-stacked > .active > a:hover {
    color: #fff;
    background-color: #0088cc;
}

.nav-stacked > li > a {
    margin-right: 0;
}

.nav-tabs.nav-stacked > li > a {
    border-bottom: 1px solid #ddd;
    border-right: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.nav-tabs.nav-stacked > li:last-child > a {
    border-bottom: none;
}

.nav-tabs.nav-stacked > li > a:hover {
    z-index: 2;
}

.nav .dropdown-toggle .caret {
    border-top-color: #0088cc;
    border-bottom-color: #0088cc;
}

.nav .dropdown-toggle:hover .caret {
    border-top-color: #005580;
    border-bottom-color: #005580;
}

.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px;
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555;
}

.nav > .dropdown.active > a:hover {
    cursor: pointer;
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open > a:hover {
    color: #ffffff;
    background: #999999;
}

.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
}


/*===== Tabs =====*/

.nav-tabs, .nav-pills {
    *zoom: 1;
}

.nav-tabs {
    border: 1px solid #dadada;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    *zoom: 1;
    border-bottom: none;
    background: #fafafa;
    background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}

    .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .nav-tabs:after, .nav-pills:after {
        clear: both;
    }

    .nav-tabs > li, .nav-pills > li {
        float: left;
    }

    .nav-tabs.nav-stacked > li, .nav-pills.nav-stacked > li {
        float: none;
    }

    .nav-tabs > li > a {
        padding-right: 12px;
        padding-left: 12px;
        border-right: 1px solid #E1E1E1;
        line-height: 14px;
    }

    .nav-tabs > li > a {
        padding: 8px 14px;
        line-height: 22px;
    }

    .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
        color: #999999;
        background: #fafafa;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        cursor: default;
        -webkit-box-shadow: 0 1px 0 #F1F1F1;
        -moz-box-shadow: 0 1px 0 #f1f1f1;
        box-shadow: 0 1px 0 #F1F1F1;
    }

    .nav-tabs > li > a:hover, .tabs-left .nav-tabs > li > a:hover, .tabs-right .nav-tabs > li > a:hover {
        background: #fcfcfc;
        background: -moz-linear-gradient(top, #fcfcfc, #f5f5f5);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f5f5f5));
        background: -webkit-linear-gradient(top, #fcfcfc, #f5f5f5);
        background: -o-linear-gradient(top, #fcfcfc, #f5f5f5);
        background: linear-gradient(to bottom, #fcfcfc, #f5f5f5);
        background: -ms-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0 );
    }

.nav-stacked.nav-tabs > li > a:hover {
    background: #fbfbfb;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #555;
}

.nav-tabs > .active:first-child > a, .nav-tabs > .active:first-child > a:hover, .nav-tabs > li:first-child > a {
    border-radius: 3px 0 0 0;
    -webkit-border-radius: 3px 0 0 0;
    -moz-border-radius: 3px 0 0 0;
}

.tabs-stacked .open > a:hover {
    border-color: #999999;
}

.tabbable {
    *zoom: 1;
}

    .tabbable:before, .tabbable:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .tabbable:after {
        clear: both;
    }

.tab-content {
    overflow: auto;
    background: #fafafa;
    border: 1px solid #dadada;
    padding: 12px;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 0 #fff inset, 0 1px 1px #ECECEC;
    -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 1px #ECECEC;
    -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 1px #ECECEC;
}

.table-tabs .tab-content {
    padding: 1px 0 0 0;
}

.navbar-tabs .tab-content {
    background: none;
    border: none;
}

.navbar-tabs .nav-tabs {
    border: none;
}

.navbar-tabs .navbar .nav > li > a {
    border-right: 0;
    border-left: 1px solid #e2e2e2;
}

.navbar-tabs .navbar .nav > li:last-child > a {
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
}

.navbar-tabs .nav-tabs > .active:first-child > a, .navbar-tabs .nav-tabs > .active:first-child > a:hover, .navbar-tabs .nav-tabs > li:first-child > a {
    border-radius: 0;
    -moz-border-radius: 0;
}

.toolbar-tabs .nav-tabs {
    border: none;
}

.toolbar-tabs .tab-content {
    border: none;
    border-top: 1px solid #e1e1e1;
}

/* Page header tabs */

.page-header .tab-content {
    box-shadow: 0 1px 0 white inset;
    -webkit-box-shadow: 0 1px 0 white inset;
    -moz-box-shadow: 0 1px 0 white inset;
    border: none;
    border-top: 1px solid #d5d5d5;
    padding: 0;
    background: url(../images/backgrounds/bg.png);
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
}

.page-header.page-tabs {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.page-header .nav-tabs > li > a {
    padding: 10px 14px;
    font-size: 14px;
    color: #4c4c4c;
    text-shadow: 0 1px 0 white;
    font-weight: bold;
}

    .page-header .nav-tabs > li > a > i {
        font-size: 16px;
        vertical-align: middle;
    }

.page-header .nav-tabs > li.active > a > i {
    color: #999;
}

.page-header .nav-tabs > .active > a, .page-header .nav-tabs > .active > a:hover {
    color: #999;
    box-shadow: 0 1px 0 #E5E5E5;
    -webkit-box-shadow: 0 1px 0 #E5E5E5;
    -moz-box-shadow: 0 1px 0 #E5E5E5;
}

/* Tabs below */

.tabs-below .tab-content {
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
}

.tabs-right .tab-content, .tabs-left .tab-content {
    background: none;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.tabs-below > .nav-tabs {
    border-top: 0;
    border-bottom: 1px solid #dadada;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 1px #ECECEC;
    -webkit-box-shadow: 0 1px 1px #ECECEC;
    -moz-box-shadow: 0 1px 1px #ECECEC;
}

.tabs-below .nav-tabs > .active > a, .tabs-below .nav-tabs > .active > a:hover {
    -webkit-box-shadow: 0 -1px 0 #F1F1F1;
    -moz-box-shadow: 0 -1px 0 #f1f1f1;
    box-shadow: 0 -1px 0 #F1F1F1;
}

.tabs-below .nav-tabs > .active:first-child > a, .tabs-below .nav-tabs > .active:first-child > a:hover, .tabs-below .nav-tabs > li:first-child > a {
    border-radius: 0 0 0 3px;
    -webkit-border-radius: 0 0 0 3px;
    -moz-border-radius: 0 0 0 3px;
}


.tab-content > .tab-pane, .pill-content > .pill-pane {
    display: none;
}

.tab-content > .active, .pill-content > .active {
    display: block;
}

/* Tabs left, tabs right */

.tabs-right, .tabs-left {
    background: #fafafa;
    border: 1px solid #dddddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 1px 1px #ECECEC;
    -webkit-box-shadow: 0 1px 1px #ECECEC;
    -moz-box-shadow: 0 1px 1px #ECECEC;
}

    .tabs-left > .nav-tabs {
        border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-bottom: 1px solid #dadada;
        border-right: none;
    }

    .tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a {
        background: #fafafa;
        background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
        background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
        background: -o-linear-gradient(top, #ffffff, #f2f2f2);
        background: linear-gradient(to bottom, #ffffff, #f2f2f2);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    }

    .tabs-left .nav-tabs > li:last-child > a, .tabs-right .nav-tabs > li:last-child > a {
        margin-bottom: -1px;
    }

    .tabs-left .nav-tabs > li:first-child > a, .tabs-right .nav-tabs > li:first-child > a {
        border-top: none;
    }

    .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
        float: none;
    }

        .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
            min-width: 74px;
            margin-right: 0;
            border-right: none;
            border-bottom: 1px solid #dddddd;
        }

    .tabs-left > .nav-tabs {
        float: left;
        border: none;
        border-right: 1px solid #dddddd;
        border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
    }

    .tabs-left .nav-tabs > .active > a, .tabs-left .nav-tabs > .active > a:hover {
        -webkit-box-shadow: 1px 0 0 #F1F1F1;
        -moz-box-shadow: 1px 0 0 #F1F1F1;
        box-shadow: 1px 0 0 #F1F1F1;
        background: #fafafa;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }

    .tabs-left .nav-tabs > .active:first-child > a, .tabs-left .nav-tabs > .active:first-child > a:hover, .tabs-left .nav-tabs > li:first-child > a {
        border-radius: 3px 0 0 0;
        -webkit-border-radius: 3px 0 0 0;
        -moz-border-radius: 3px 0 0 0;
    }

    .tabs-right > .nav-tabs {
        float: right;
        border: none;
        border-left: 1px solid #dddddd;
        border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
    }

    .tabs-right .nav-tabs > .active > a, .tabs-right .nav-tabs > .active > a:hover {
        -webkit-box-shadow: -1px 0 0 #F1F1F1;
        -moz-box-shadow: -1px 0 0 #F1F1F1;
        box-shadow: -1px 0 0 #F1F1F1;
        background: #fafafa;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }

    .tabs-right .nav-tabs > .active:first-child > a, .tabs-right .nav-tabs > .active:first-child > a:hover, .tabs-right .nav-tabs > li:first-child > a {
        border-radius: 0 3px 0 0;
        -webkit-border-radius: 0 3px 0 0;
        -moz-border-radius: 0 3px 0 0;
    }





/* # Pagination & pager
================================================== */

.pagination ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px #eee;
    -moz-box-shadow: 0 1px 1px #eee;
    box-shadow: 0 1px 1px #eee;
    margin-bottom: -7px;
}

    .pagination ul > li {
        display: inline;
    }

        .pagination ul > li.active > a {
        }

        .pagination ul > li > a, .pagination ul > li > span {
            float: left;
            padding: 8px 11px 7px 11px;
            line-height: 13px;
            text-decoration: none;
            border: 1px solid #dadada;
            border-left-width: 0;
            font-size: 11px;
            color: #5f5f5f;
            background: #ffffff;
            background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
            background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
            background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
            background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
            background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
        }

            .pagination ul > li > a:hover {
                background: #fafafa;
                color: #327394;
                filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            }

            .pagination ul > li > a:active {
                background: #f5f5f5;
                filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            }

    .pagination ul > .active > a, .pagination ul > .active > a:hover, .pagination ul > .active > span {
        background: #f5f5f5;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        color: #327394;
        box-shadow: 0 1px 3px #efefef inset;
        -webkit-box-shadow: 0 1px 3px #efefef inset;
        -moz-box-shadow: 0 1px 3px #efefef inset;
    }

    .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover {
        color: #bbb;
        background: #f9f9f9;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        cursor: default;
    }

    .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
        border-left-width: 1px;
        -webkit-border-radius: 2px 0 0 2px;
        -moz-border-radius: 2px 0 0 2px;
        border-radius: 2px 0 0 2px;
    }

    .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
    }

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

.pagination-large ul > li > a, .pagination-large ul > li > span {
    padding: 11px 17px 11px 17px;
    font-size: 14px;
}

.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
}

.pagination-small ul > li > a, .pagination-small ul > li > span {
    padding: 6px 10px 5px 10px;
    font-size: 11px;
}

.pagination-mini ul > li > a, .pagination-mini ul > li > span {
    padding: 5px 8px 4px 8px;
    font-size: 11px;
}

.navbar .pagination {
    margin: 7px;
}


/*===== Pager =====*/

.pager {
    text-align: center;
    *zoom: 1;
}

    .pager:before, .pager:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
    }

    .pager a, .pager span {
        display: inline-block;
        padding: 8px 11px 7px 11px;
        line-height: 13px;
        color: #5f5f5f;
        border: 1px solid #dadada;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        font-size: 11px;
        -webkit-box-shadow: 0 1px 1px #eee;
        -moz-box-shadow: 0 1px 1px #eee;
        box-shadow: 0 1px 1px #eee;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
        background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
    }

        .pager a:hover {
            border-color: #dfdfdf;
            color: #327394;
            background: #fcfcfc;
            background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f5f5f5));
            background: -webkit-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
            background: -o-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
            background: -ms-linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
            background: linear-gradient(top, #fcfcfc 0%,#f5f5f5 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0 );
        }

        .pager a:active {
            background: #6F6F6F;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            color: white;
            border-color: #646464;
            box-shadow: 0 1px 2px #545454 inset, 0 1px 0 white;
            -webkit-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 white;
            -moz-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
        }

    .pager .next a, .pager .next span {
        float: right;
    }

    .pager .previous a {
        float: left;
    }

    .pager .disabled a, .pager .disabled a:hover, .pager .disabled a:active, .pager .disabled span {
        color: #bbb;
        background: #f5f5f5;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        cursor: default;
        border-color: #e5e5e5;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

.navbar .pager {
    margin: 7px;
}

    .navbar .pager a, .navbar .pager span {
        padding: 6px 10px 5px 10px;
    }






/* # Thumbnails & media
================================================== */

.thumbnails {
    text-align: center;
    *zoom: 1;
}

    .thumbnails:before, .thumbnails:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .thumbnails:after {
        clear: both;
    }

    .thumbnails > li {
        display: inline-block;
        margin-bottom: 20px;
    }

    .thumbnails.gallery {
        margin-bottom: -6px;
    }

        .thumbnails.gallery > li {
            margin: 5px;
        }

            .thumbnails.gallery > li > a > img {
                width: 210px;
                height: 140px;
            }

.thumbnail {
    width: 100%;
    display: block;
    line-height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: left;
}

a.thumbnail:hover {
    border-color: #0088cc;
    -webkit-box-shadow: 0 1px 3px #dddddd;
    -moz-box-shadow: 0 1px 3px #dddddd;
    box-shadow: 0 1px 3px #dddddd;
}

.thumbnail > img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #FAFAFA;
    padding: 4px;
    border: 1px solid #DDD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.thumbnail .caption {
    padding: 9px 4px 0 4px;
    color: #555555;
}

    .thumbnail .caption p {
        margin-top: 14px;
    }

[class^="well"].thumbnail, [class*=" well"].thumbnail {
    padding: 9px;
}


/*===== Media =====*/

.media, .media-body {
    overflow: hidden;
    *overflow: visible;
    zoom: 1;
}

    .media, .media .media {
        margin-top: 15px;
    }

        .media:first-child {
            margin-top: 0;
        }

.media-object {
    display: block;
}

.media-heading {
    margin: 0 0 5px;
}

.media .pull-left {
    margin-right: 10px;
}

.media .pull-right {
    margin-left: 10px;
}

.media-list {
    margin-left: 0;
    list-style: none;
}




/* # Alerts
================================================== */

.alert {
    /*padding: 8px 35px 8px 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #c09853;
    border: 1px solid #f2d083;
    color: #826200;
    box-shadow: 0 1px 0px rgba(255,255,255,0.2) inset, 0 1px 1px #dfdfdf;
    -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.2) inset, 0 1px 1px #dfdfdf;
    -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.2) inset, 0 1px 1px #dfdfdf;
    background: #ffedbc;
    background: -moz-linear-gradient(top, #ffedbc 0%, #fbe5a8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffedbc), color-stop(100%,#fbe5a8));
    background: -webkit-linear-gradient(top, #ffedbc 0%,#fbe5a8 100%);
    background: -o-linear-gradient(top, #ffedbc 0%,#fbe5a8 100%);
    background: -ms-linear-gradient(top, #ffedbc 0%,#fbe5a8 100%);
    background: linear-gradient(top, #ffedbc 0%,#fbe5a8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffedbc', endColorstr='#fbe5a8',GradientType=0 );*/
}

    .alert h4 {
        margin: 0;
    }

    .alert .close {
        position: relative;
        top: 2px;
        right: -21px;
        line-height: 20px;
    }

.alert-success {
    border: 1px solid #c1d779;
    color: #4f7307;
    background: #d6efa1;
    background: -moz-linear-gradient(top, #d6efa1 0%, #d0e69d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6efa1), color-stop(100%,#d0e69d));
    background: -webkit-linear-gradient(top, #d6efa1 0%,#d0e69d 100%);
    background: -o-linear-gradient(top, #d6efa1 0%,#d0e69d 100%);
    background: -ms-linear-gradient(top, #d6efa1 0%,#d0e69d 100%);
    background: linear-gradient(top, #d6efa1 0%,#d0e69d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6efa1', endColorstr='#d0e69d',GradientType=0 );
}

.alert-danger, .alert-error {
    border: 1px solid #dfa59b;
    color: #4f2a24;
    background: #f0b5a1;
    background: -moz-linear-gradient(top, #f0b5a1 0%, #de9d8a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b5a1), color-stop(100%,#de9d8a));
    background: -webkit-linear-gradient(top, #f0b5a1 0%,#de9d8a 100%);
    background: -o-linear-gradient(top, #f0b5a1 0%,#de9d8a 100%);
    background: -ms-linear-gradient(top, #f0b5a1 0%,#de9d8a 100%);
    background: linear-gradient(top, #f0b5a1 0%,#de9d8a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b5a1', endColorstr='#de9d8a',GradientType=0 );
}

.alert-info {
    border: 1px solid #bcd9f3;
    color: #4579aa;
    background: #deedf9;
    background: -moz-linear-gradient(top, #deedf9 0%, #cde5f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deedf9), color-stop(100%,#cde5f7));
    background: -webkit-linear-gradient(top, #deedf9 0%,#cde5f7 100%);
    background: -o-linear-gradient(top, #deedf9 0%,#cde5f7 100%);
    background: -ms-linear-gradient(top, #deedf9 0%,#cde5f7 100%);
    background: linear-gradient(top, #deedf9 0%,#cde5f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deedf9', endColorstr='#cde5f7',GradientType=0 );
}

.alert-block {
    padding-top: 12px;
    padding-bottom: 8px;
}

    .alert-block > p, .alert-block > ul {
        margin-bottom: 0;
    }

    .alert-block p + p {
        margin-top: 5px;
    }




/* # Progress bars
================================================== */

.progress {
    overflow: hidden;
    height: 22px;
    background: #efefef;
    box-shadow: 0 1px 0 #fff, 0 0 0 1px #dfdfdf inset;
    -webkit-box-shadow: 0 1px 0 #fff, 0 0 0 1px #dfdfdf inset;
    -moz-box-shadow: 0 1px 0 #fff, 0 0 0 1px #dfdfdf inset;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .progress.slim {
        height: 6px;
    }

.controls .progress.slim {
    margin-top: 8px;
}

.progress.slim > .bar {
    padding: 0;
}

.line .slim {
    margin-top: 7px;
}

.sidebar .progress {
    margin: 0 12px;
    background: url(../images/backgrounds/opacity.png);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
}

    .sidebar .progress .bar {
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
    }

.progress .bar {
    width: 0%;
    height: 100%;
    color: #ffffff;
    float: left;
    font-size: 11px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

    .progress .bar + .bar {
        -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    }

.progress-danger .bar, .progress .bar-danger {
    background: #ec795d;
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #ec795d, #d1573a);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, 0 0, 0 100%, from(#ec795d), to(#d1573a));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #ec795d, #d1573a);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #ec795d, #d1573a);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #ec795d, #d1573a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec795d', endColorstr='#d1573a', GradientType=0);
}

.progress-success .bar, .progress .bar-success {
    background: #7fd658;
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #7fd658, #6ab84e);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, 0 0, 0 100%, from(#7fd658), to(#6ab84e));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #7fd658, #6ab84e);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #7fd658, #6ab84e);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #7fd658, #6ab84e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fd658', endColorstr='#6ab84e', GradientType=0);
}

.progress-info .bar, .progress .bar-info {
    background: #57c2f3;
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #57c2f3, #31a7dd);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, 0 0, 0 100%, from(#57c2f3), to(#31a7dd));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #57c2f3, #31a7dd);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #57c2f3, #31a7dd);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #57c2f3, #31a7dd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57c2f3', endColorstr='#31a7dd', GradientType=0);
}

.progress-warning .bar, .progress .bar-warning {
    background: #eca558;
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #eca558, #e28131);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, 0 0, 0 100%, from(#eca558), to(#e28131));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #eca558, #e28131);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #eca558, #e28131);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #eca558, #e28131);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eca558', endColorstr='#e28131', GradientType=0);
}




/* # Tooltips & popovers
================================================== */

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0);
    min-width:100px;
}

    .tooltip.in {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    .tooltip.top {
        margin-top: -3px;
    }

    .tooltip.right {
        margin-left: 3px;
    }

    .tooltip.bottom {
        margin-top: 3px;
    }

    .tooltip.left {
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #202020;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}


/*===== Popover =====*/

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    width: 236px;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

    .popover.top {
        margin-bottom: 10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    border-bottom: 1px solid #d5d5d5;
    margin: 0;
    padding: 9px 14px 8px 14px;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    background: #f7f7f7;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
}

.popover-content {
    padding: 9px 14px;
}

    .popover-content p, .popover-content ul, .popover-content ol {
        margin-bottom: 0;
    }

.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

    .popover .arrow:after {
        content: "";
        z-index: -1;
    }

.popover.top .arrow {
    bottom: -7px;
    left: 50%;
    margin-left: -7px;
    border-width: 7px 7px 0;
    border-top-color: #ffffff;
}

    .popover.top .arrow:after {
        border-width: 8px 8px 0;
        border-top-color: rgba(0, 0, 0, 0.25);
        bottom: -1px;
        left: -8px;
    }

.popover.right .arrow {
    top: 50%;
    left: -7px;
    margin-top: -7px;
    border-width: 7px 7px 7px 0;
    border-right-color: #ffffff;
}

    .popover.right .arrow:after {
        border-width: 8px 8px 8px 0;
        border-right-color: rgba(0, 0, 0, 0.25);
        bottom: -8px;
        left: -1px;
    }

.popover.bottom .arrow {
    top: -7px;
    left: 50%;
    margin-left: -7px;
    border-width: 0 7px 7px;
    border-bottom-color: #ffffff;
}

    .popover.bottom .arrow:after {
        border-width: 0 8px 8px;
        border-bottom-color: rgba(0, 0, 0, 0.25);
        top: -1px;
        left: -8px;
    }

.popover.left .arrow {
    top: 50%;
    right: -7px;
    margin-top: -7px;
    border-width: 7px 0 7px 7px;
    border-left-color: #ffffff;
}

    .popover.left .arrow:after {
        border-width: 8px 0 8px 8px;
        border-left-color: rgba(0, 0, 0, 0.25);
        bottom: -8px;
        right: -1px;
    }




/* # Modal
================================================== */

.modal-open .modal .dropdown-menu {
    z-index: 2050;
}

.modal-open .modal .dropdown.open {
    *z-index: 2050;
}

.modal-open .modal .popover {
    z-index: 2060;
}

.modal-open .modal .tooltip {
    z-index: 2080;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

        .modal-backdrop, .modal-backdrop.fade.in {
            opacity: .8;
            filter: alpha(opacity=80);
        }

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    overflow: auto;
    width: 560px;
    margin: -250px 0 0 -280px;
    background: url(../images/backgrounds/bg.png);
    border: 1px solid #c5c5c5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

    .modal.fade {
        left: 50%;
        height: auto;
        width: 40%;
        transition: opacity 0.3s linear 0s, top 0.3s ease-out 0s;
    }

        .modal.fade.in {
            left: 50%;
            top: 58%;
            height: auto;
            width: 40%;
        }

.modal-header {
    padding: 7px 15px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom: 1px solid #c1c1c1;
    box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ececec));
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#ececec 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%,#ececec 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%,#ececec 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ececec',GradientType=0 );
}

    .modal-header .close {
        margin-top: 6px;
    }

    .modal-header h5 {
        margin: 0;
        padding: 3px 0 3px 0;
    }

.modal-body {
    max-height: 400px;
    overflow-y: auto;
    padding: 15px;
    position: relative;
}

    .modal-body .selector, .modal-body .select {
        max-width: 100%;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        height: 30px;
    }

    .modal-body .control-group {
        padding: 15px 0;
    }

        .modal-body .control-group:first-child {
            padding-top: 0;
        }

        .modal-body .control-group:last-child {
            padding-bottom: 0;
        }

.modal-form {
    margin-bottom: 0;
}

.modal-footer .btn {
    margin-top: 0;
    margin-bottom: 0;
}

.modal-footer {
    padding: 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    *zoom: 1;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

    .modal-footer:before, .modal-footer:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

.dropup, .dropdown {
    position: relative;
}

.dropdown-toggle {
    *margin-bottom: -3px;
}

    .dropdown-toggle:active, .open .dropdown-toggle {
        outline: 0;
    }




/* # Dropdown menu
================================================== */

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 3px solid #000000;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    content: "";
}

.dropdown .caret {
    margin-top: 10px;
    margin-left: 6px;
}

.dropdown-menu {
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    margin: 0px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #dadada;
    font-size: 11px;
    -webkit-box-shadow: 0 2px 2px -2px #ccc;
    -moz-box-shadow: 0 2px 2px -2px #ccc;
    box-shadow: 0 2px 2px -2px #ccc;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 20%;
}

    .dropdown-menu.pull-right {
        right: -1px;
        left: auto;
    }

    .dropdown-menu .divider {
        *width: 100%;
        height: 1px;
        margin: 9px 1px;
        *margin: -5px 0 5px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #ffffff;
    }

    .dropdown-menu a {
        display: block;
        padding: 8px 10px;
        clear: both;
        font-weight: normal;
        color: #6A6A6A;
        white-space: nowrap;
        font-size: 12px;
    }

    .dropdown-menu li {
        border-top: 1px solid #e4e4e4;
        position: relative;
        background: #fefefe;
        background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
        background: -webkit-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
        background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
        background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
        background: linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    }

        .dropdown-menu li:first-child {
            border-top: none;
        }

        .dropdown-menu li > a:hover, .dropdown-submenu:hover > a {
            background: #fafafa;
            color: #327394;
        }

    .dropdown-menu > li > label {
        margin: 0;
    }

    .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
        color: #327394;
        background: #fefefe;
    }

    .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover {
        color: #999999;
    }

    .dropdown-menu .on_off {
        padding: 10px;
    }

        .dropdown-menu .on_off .ibutton-container {
            display: inline-block;
            float: right;
            margin: 1px 0 0 0;
        }

    .dropdown-menu > li.form {
        display: block;
        padding: 7px 10px;
        clear: both;
        font-weight: normal;
        color: #6A6A6A;
        white-space: nowrap;
        font-size: 12px;
        border-top: 1px solid #e4e4e4;
    }

        .dropdown-menu > li.form:after {
            content: "";
            display: block;
            clear: both;
        }

        .dropdown-menu > li.form:first-child {
            border-top: none;
        }

    .dropdown-menu > li input[type=text], .dropdown-menu li input[type=password], .dropdown-menu li textarea {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
        display: block;
    }

    .dropdown-menu > li.has-element {
        padding: 10px;
    }

        .dropdown-menu > li.has-element > .btn {
            margin-top: 0;
            margin-bottom: 0;
        }

    .dropdown-menu > li > .label {
        float: right;
    }

    .dropdown-menu .disabled > a:hover {
        text-decoration: none;
        background-color: transparent;
        cursor: default;
    }

.open {
    *z-index: 1000;
}

    .open > .dropdown-menu {
        display: block;
    }

.pull-right.dropdown-menu {
    right: -1px;
    left: auto;
}

.dropup .caret {
    border-top: 0;
    border-bottom: 3px solid #000000;
    content: "";
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        position: absolute;
        top: 8px;
        right: 10px;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 4px 0 4px 4px;
        border-left-color: #CCC;
        margin-top: 7px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ccc;
    }

.dropdown .dropdown-menu .nav-header {
    padding-left: 20px;
    padding-right: 20px;
}





/* # Accordion, toggle
================================================== */

.accordion-group {
    margin-bottom: -1px;
}

.accordion-heading a {
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    background: #fafafa;
    background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background: linear-gradient(to bottom, #ffffff, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
}

.accordion-body {
    background: #FAFAFA;
    border: 1px solid #dadada;
    border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    position: relative;
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
}

.accordion-toggle {
    cursor: pointer;
}

.accordion-inner {
    padding: 9px 15px;
}





/* # Wells
================================================== */

[class^="well"], [class*=" well"] {
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 1px 1px #ececec;
    -webkit-box-shadow: 0 1px 1px #ececec;
    -moz-box-shadow: 0 1px 1px #ececec;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

    [class^="well"] blockquote, [class*=" well"] blockquote {
        border-color: rgba(0, 0, 0, 0.15);
    }

    [class^="well"] .navbar .navbar-inner, [class*=" well"] .navbar .navbar-inner {
        border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border: none;
        border-bottom: 1px solid #dadada;
    }

    [class^="well"] .navbar-inverse .navbar-inner, [class*=" well"] .navbar-inverse .navbar-inner {
        margin: -1px -1px 0 -1px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
.dgreyfund {
    background: linear-gradient(to bottom, rgb(216, 216, 216) 0%, rgb(140, 140, 140) 100%) repeat scroll 0px 0px transparent;
}

    .dgreyfund h5 {
         color: #fff;text-shadow: 0 0 0 #ffffff;
    }

    .lgreyfund {
    background:none repeat scroll 0 0 #f0f0f0;
}
.well-white {
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.well-smoke {
    background: #f8f8f8;
    border: 1px solid #e2e2e2;
}

.well-large > .body, .well-large.body {
    padding: 24px;
}

.well-small > .body, .well-small.body {
    padding: 9px;
}





/* # Other classes
================================================== */

.close {
    float: right;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:hover {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        filter: alpha(opacity=40);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.typeahead {
    margin-top: -1px;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

    .collapse.in {
        height: auto;
    }

.hidden {
    display: none;
}




/* # Media queries
================================================== */

@media (max-width: 1024px) {

    [class*="span"], .row-fluid [class*="span"] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-border-radius: 0;
    }

    .row-fluid [class*="span"]:first-child > .semi-block:first-child {
        margin-top: 10px;
    }

    .row-fluid [class*="span"] > .semi-block:first-child {
        margin-top: 30px;
    }

    .row-fluid.nested [class*="span"] {
        margin-top: 20px;
    }

        .row-fluid.nested [class*="span"]:first-child {
            margin-top: 0;
        }

    .row-fluid .offset12,
    .row-fluid .offset12:first-child,
    .row-fluid .offset11,
    .row-fluid .offset11:first-child,
    .row-fluid .offset10,
    .row-fluid .offset10:first-child,
    .row-fluid .offset9,
    .row-fluid .offset9:first-child,
    .row-fluid .offset8,
    .row-fluid .offset8:first-child,
    .row-fluid .offset7,
    .row-fluid .offset7:first-child,
    .row-fluid .offset6,
    .row-fluid .offset6:first-child,
    .row-fluid .offset5,
    .row-fluid .offset5:first-child,
    .row-fluid .offset4,
    .row-fluid .offset4:first-child,
    .row-fluid .offset3,
    .row-fluid .offset3:first-child,
    .row-fluid .offset2,
    .row-fluid .offset2:first-child,
    .row-fluid .offset1 .row-fluid .offset1:first-child {
        margin-left: 0;
    }

    .control-group [class*="span"] {
        margin-top: 10px;
    }

        .control-group [class*="span"]:first-child {
            margin-top: 0;
        }
}

@media (min-width: 480px) {

    .input-append, .input-prepend {
        max-width: 50%;
    }
}

@media (max-width: 480px) {

    .input-mini {
        width: 30%;
    }

    .input-small {
        width: 40%;
    }

    .input-medium {
        width: 50%;
    }

    .input-large {
        width: 60%;
    }

    .input-xlarge {
        width: 70%;
    }

    .input-xxlarge {
        width: 80%;
    }

    .input-append, .input-prepend {
        max-width: 100%;
        white-space: normal;
    }

        .input-append input[type=text], .input-prepend input[type=text] {
            width: auto;
        }

    .radio.inline, .checkbox.inline {
        display: block;
    }

        .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
            margin-left: 0;
        }

    .form-inline input, .form-inline textarea, .form-inline select, .form-inline button, .form-inline .radio, .form-inline .checkbox, .form-inline .selector, .form-inline .select2-container {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .form-transparent {
        padding: 0 10px;
    }

    .form-actions {
        padding: 15px;
    }

    .form-horizontal span.control-label {
        width: auto;
        float: none;
    }

    .form-horizontal label.control-label {
        float: none;
        width: auto;
        padding-top: 0;
    }

    .form-horizontal .controls {
        margin-left: 0;
    }

    .control-group {
        padding: 14px 14px 16px 14px;
    }

    .ui-slider-vertical {
        margin-top: 8px;
    }

    .table tbody td, .table thead th {
        white-space: nowrap;
    }

    .table-overflow {
        overflow-x: auto;
    }

    .table-footer {
        text-align: center;
    }

        .table-footer .pagination, .table-footer .table-actions {
            float: none;
        }

    .navbar .nav-tabs > li, .tabbable.block > .nav-tabs > li {
        margin-bottom: -1px;
    }

        .navbar .nav-tabs > li > a, .tabbable.block > .nav-tabs > li > a {
            border-bottom: 1px solid #e2e2e2;
        }

        .navbar .nav-tabs > li.active > a, .tabbable.block > .nav-tabs > li.active > a {
            border-bottom: none;
        }

    .navbar .nav.pull-right {
        position: absolute;
        right: 12px;
        display: block;
        width: auto;
        left: auto;
        float: none;
        background: -webkit-linear-gradient(top, white, #F2F2F2);
        border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
    }

    .well .navbar .nav.pull-right {
        right: 0;
        border-radius: 0 3px 0 0;
        -webkit-border-radius: 0 3px 0 0;
        -moz-border-radius: 0 3px 0 0;
    }

    .navbar-inverse .nav.pull-right, .well .navbar-inverse .nav.pull-right {
        background: url(../images/backgrounds/default.jpg);
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 99%), url(../images/backgrounds/default.jpg);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.3))), url(../images/backgrounds/default.jpg);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 99%), url(../images/backgrounds/default.jpg);
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 99%), url(../images/backgrounds/default.jpg);
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 99%), url(../images/backgrounds/default.jpg);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 99%), url(../images/backgrounds/default.jpg);
    }

    .navbar .pagination {
        float: none;
        position: absolute;
        right: 0;
    }

    .modal.fade.in {
        top: 20px;
    }

    .dl-horizontal dt {
        float: none;
        text-align: left;
        width: auto;
    }

    .dl-horizontal dd {
        margin-left: 10px;
    }
}

@media (min-width: 321px) and (max-width: 480px) {

    .modal {
        /*max-height: 225px;
        overflow: auto;
        width: 440px;
        margin: 0 0 0 -220px;*/
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 6px;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        left: 50%;
        margin-left: -280px;
        outline: 0 none;
        position: fixed;
        top: 10%;
        width: 560px;
        z-index: 1050;
    }
}

@media (max-width: 320px) {

    .modal {
        /*max-height: 380px;
        overflow: auto;
        width: 280px;
        margin: 0 0 0 -140px;*/
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 6px;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        left: 50%;
        margin-left: -280px;
        outline: 0 none;
        position: fixed;
        top: 10%;
        width: 560px;
        z-index: 1050;
    }
}

.modal {
    /*max-height: 380px;
        overflow: auto;
        width: 280px;
        margin: 0 0 0 -140px;*/
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin-left: -280px;
    outline: 0 none;
    position: fixed;
    top: 10%;
    width: 560px;
    z-index: 1050;
}

/* ========================================================
*
* Amsterdam - premium admin template
*
* ========================================================
*
* File: elfinder.css;
* Description: Elfinder - styles for file manager
* Version: 1.0
* Plugin version: Version 2.0 rc1 (2012-04-10)
*
* ======================================================== */


.elfinder-dialog-resize{margin-top:.3em}
.elfinder-resize-type{float:left;margin-bottom:.4em}
.elfinder-resize-control{padding-top:3em}
.elfinder-resize-control input[type=text]{border:1px solid #aaa;text-align:right}
.elfinder-resize-preview{width:400px;height:400px;padding:10px;background:#fff;border:1px solid #aaa;float:right;position:relative;overflow:auto}
.elfinder-resize-handle{position:relative}
.elfinder-resize-handle-hline,.elfinder-resize-handle-vline{position:absolute;background-image:url("../images/elfinder/crop.gif")}
.elfinder-resize-handle-hline{width:100%;height:1px!important;background-repeat:repeat-x}
.elfinder-resize-handle-vline{width:1px!important;height:100%;background-repeat:repeat-y}
.elfinder-resize-handle-hline-top{top:0;left:0}
.elfinder-resize-handle-hline-bottom{bottom:0;left:0}
.elfinder-resize-handle-vline-left{top:0;left:0}
.elfinder-resize-handle-vline-right{top:0;right:0}
.elfinder-resize-handle-point{position:absolute;width:8px;height:8px;border:1px solid #777;background:0 0}
.elfinder-resize-handle-point-n{top:0;left:50%;margin-top:-5px;margin-left:-5px}
.elfinder-resize-handle-point-ne{top:0;right:0;margin-top:-5px;margin-right:-5px}
.elfinder-resize-handle-point-e{top:50%;right:0;margin-top:-5px;margin-right:-5px}
.elfinder-resize-handle-point-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px}
.elfinder-resize-handle-point-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px}
.elfinder-resize-handle-point-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px}
.elfinder-resize-handle-point-w{top:50%;left:0;margin-top:-5px;margin-left:-5px}
.elfinder-resize-handle-point-nw{top:0;left:0;margin-top:-5px;margin-left:-5px}
.elfinder-resize-spinner{position:absolute;width:200px;height:30px;top:50%;margin-top:-25px;left:50%;margin-left:-100px;text-align:center;background:url(../images/elfinder/progress.gif) center bottom repeat-x}
.elfinder-resize-row{margin-bottom:7px;position:relative}
.elfinder-resize-label{float:left;width:80px;padding-top:3px}
.elfinder-resize-reset{width:16px;height:16px;position:absolute;margin-top:-8px}
.elfinder-dialog .elfinder-dialog-resize .ui-resizable-e{height:100%;width:10px}
.elfinder-dialog .elfinder-dialog-resize .ui-resizable-s{width:100%;height:10px}
.elfinder-dialog .elfinder-dialog-resize .ui-resizable-se{background:0 0;bottom:0;right:0;margin-right:-7px;margin-bottom:-7px}
.elfinder-dialog-resize .ui-icon-grip-solid-vertical{position:absolute;top:50%;right:0;margin-top:-8px;margin-right:-11px}
.elfinder-dialog-resize .ui-icon-grip-solid-horizontal{position:absolute;left:50%;bottom:0;margin-left:-8px;margin-bottom:-11px}
.elfinder-resize-row .elfinder-buttonset{float:right}
.elfinder-resize-rotate-slider{float:left;width:195px;margin:7px 7px 0}
.elfinder-file-edit{width:99%;height:99%;margin:0;padding:2px;border:1px solid #ccc}
.elfinder-help{margin-bottom:.5em}
.elfinder-help .ui-tabs-panel{padding:.5em}
.elfinder-dialog .ui-tabs .ui-tabs-nav li a{padding:.2em 1em}
.elfinder-help-shortcuts{height:300px;padding:1em;margin:.5em 0;overflow:auto}
.elfinder-help-shortcut{white-space:nowrap;clear:both}
.elfinder-help-shortcut-pattern{float:left;width:160px}
.elfinder-help-logo{width:100px;height:96px;float:left;margin-right:1em;background:url('../images/elfinder/logo.png') center center no-repeat}
.elfinder-help h3{font-size:1.5em;margin:.2em 0 .3em}
.elfinder-help-separator{clear:both;padding:.5em}
.elfinder-help-link{padding:2px}
.elfinder-help .ui-priority-secondary{font-size:.9em}
.elfinder-help .ui-priority-primary{margin-bottom:7px}
.elfinder-help-team{clear:both;text-align:right;border-bottom:1px solid #ccc;margin:.5em 0;font-size:.9em}
.elfinder-help-team div{float:left}
.elfinder-help-license{font-size:.9em}
.elfinder-help-disabled{font-weight:700;text-align:center;margin:90px 0}
.elfinder-help .elfinder-dont-panic{display:block;border:1px solid transparent;width:200px;height:200px;margin:30px auto;text-decoration:none;text-align:center;position:relative;background:#d90004;-moz-box-shadow:5px 5px 9px #111;-webkit-box-shadow:5px 5px 9px #111;box-shadow:5px 5px 9px #111;background:-moz-radial-gradient(80px 80px,circle farthest-corner,#d90004 35%,#960004 100%);background:-webkit-gradient(radial,80 80,60,80 80,120,from(#d90004),to(#960004));-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;outline:none}
.elfinder-help .elfinder-dont-panic span{font-size:3em;font-weight:700;text-align:center;color:#fff;position:absolute;left:0;top:45px}

.elfinder{padding:0;position:relative;display:block}
.elfinder-rtl{text-align:right;direction:rtl}
.elfinder-workzone{padding:0;position:relative;overflow:hidden; border-top: 1px solid #d5d5d5;}
.elfinder-perms,.elfinder-symlink{position:absolute;width:16px;height:16px;background-image:url(../img/toolbar.png);background-repeat:no-repeat;background-position:0 -528px}
.elfinder-na .elfinder-perms{background-position:0 -96px}
.elfinder-ro .elfinder-perms{background-position:0 -64px}
.elfinder-wo .elfinder-perms{background-position:0 -80px}
.elfinder-drag-helper{width:60px;height:50px;padding:0 0 0 25px;z-index:100000}
.elfinder-drag-helper-icon-plus{position:absolute;width:16px;height:16px;left:43px;top:55px;background:url('../images/elfinder/toolbar.png') 0 -544px no-repeat;display:none}
.elfinder-drag-helper-plus .elfinder-drag-helper-icon-plus{display:block}
.elfinder-drag-num{position:absolute;top:0;left:0;width:16px;height:14px;text-align:center;padding-top:2px;font-size:12px;font-weight:700;color:#fff;background-color:red;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.elfinder-drag-helper .elfinder-cwd-icon{margin:0 0 0 -24px;float:left}
.elfinder-overlay{opacity:0;filter:Alpha(Opacity=0)}
.elfinder .elfinder-panel{position:relative;background-image:none;padding:7px 12px}
.elfinder-contextmenu,.elfinder-contextmenu-sub{display:none;position:absolute;border:1px solid #aaa;background:#fff;color:#555;padding:4px 0}
.elfinder-contextmenu-sub{top:5px}
.elfinder-contextmenu-ltr .elfinder-contextmenu-sub{margin-left:-5px}
.elfinder-contextmenu-rtl .elfinder-contextmenu-sub{margin-right:-5px}
.elfinder-contextmenu-item{position:relative;display:block;padding:4px 30px;text-decoration:none;white-space:nowrap;cursor:default}
.elfinder-contextmenu .elfinder-contextmenu-item span{font-size:.76em;display:block}
.elfinder-contextmenu-ltr .elfinder-contextmenu-item{text-align:left}
.elfinder-contextmenu-rtl .elfinder-contextmenu-item{text-align:right}
.elfinder-contextmenu-ltr .elfinder-contextmenu-sub .elfinder-contextmenu-item{padding-left:12px}
.elfinder-contextmenu-rtl .elfinder-contextmenu-sub .elfinder-contextmenu-item{padding-right:12px}
.elfinder-contextmenu-arrow,.elfinder-contextmenu-icon{position:absolute;top:50%;margin-top:-8px}
.elfinder-contextmenu-ltr .elfinder-contextmenu-icon{left:8px}
.elfinder-contextmenu-rtl .elfinder-contextmenu-icon{right:8px}
.elfinder-contextmenu-arrow{width:16px;height:16px;background:url('../images/elfinder/arrows-normal.png') 5px 4px no-repeat}
.elfinder-contextmenu-ltr .elfinder-contextmenu-arrow{right:5px}
.elfinder-contextmenu-rtl .elfinder-contextmenu-arrow{left:5px;background-position:0 -10px}
.elfinder-contextmenu .ui-state-hover{border:0 solid;background-image:none}
.elfinder-contextmenu-separator{height:0;border-top:1px solid #ccc;margin:0 1px}
.elfinder-cwd-wrapper{overflow:auto;position:relative;padding:5px 2px;margin:0; background: #FEFEFE;border-left: 1px solid #D5D5D5;}
.elfinder-cwd-wrapper-list{padding:0}
.elfinder-cwd{position:relative;font-size: 11px;;cursor:default;padding:0;margin:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}
.elfinder .elfinder-cwd-wrapper.elfinder-droppable-active{padding:0;border:2px solid #8cafed}
.elfinder-cwd-view-icons .elfinder-cwd-file{width:116px;height:80px;padding-bottom:2px;cursor:default;overflow:hidden}
.elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file{float:left;margin:0 3px 12px 0}
.elfinder-rtl .elfinder-cwd-view-icons .elfinder-cwd-file{float:right;margin:0 0 5px 3px}
.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover{border:0 solid}
.elfinder-cwd-view-icons .elfinder-cwd-file-wrapper{width:52px;height:52px;margin:1px auto;padding:2px;position:relative}
.elfinder-cwd-view-icons .elfinder-cwd-filename{text-align:center;white-space:pre;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:3px 1px 0;padding:5px; line-height: 12px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.elfinder-cwd-view-icons .elfinder-perms{bottom:4px;right:2px}
.elfinder-cwd-view-icons .elfinder-symlink{bottom:6px;left:0}
.elfinder-cwd-icon{display:block;width:48px;height:48px;margin:2px auto;background:url('../images/elfinder/icons-big.png') 0 0 no-repeat;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.elfinder-cwd .elfinder-droppable-active .elfinder-cwd-icon{background-position:0 -100px}
.elfinder-cwd-icon-directory{background-position:0 -50px}
.elfinder-cwd-icon-application{background-position:0 -150px}
.elfinder-cwd-icon-x-empty,.elfinder-cwd-icon-text{background-position:0 -200px}
.elfinder-cwd-icon-image,.elfinder-cwd-icon-vnd-adobe-photoshop,.elfinder-cwd-icon-postscript{background-position:0 -250px}
.elfinder-cwd-icon-audio{background-position:0 -300px}
.elfinder-cwd-icon-video,.elfinder-cwd-icon-flash-video{background-position:0 -350px}
.elfinder-cwd-icon-rtf,.elfinder-cwd-icon-rtfd{background-position:0 -401px}
.elfinder-cwd-icon-pdf{background-position:0 -450px}
.elfinder-cwd-icon-vnd-ms-office,.elfinder-cwd-icon-msword,.elfinder-cwd-icon-vnd-ms-word,.elfinder-cwd-icon-vnd-oasis-opendocument-text,.elfinder-cwd-icon-ms-excel,.elfinder-cwd-icon-vnd-ms-excel,.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet,.elfinder-cwd-icon-vnd-ms-powerpoint,.elfinder-cwd-icon-vnd-oasis-opendocument-presentation{background-position:0 -500px}
.elfinder-cwd-icon-html{background-position:0 -550px}
.elfinder-cwd-icon-css{background-position:0 -600px}
.elfinder-cwd-icon-javascript,.elfinder-cwd-icon-x-javascript{background-position:0 -650px}
.elfinder-cwd-icon-x-perl{background-position:0 -700px}
.elfinder-cwd-icon-x-python{background-position:0 -750px}
.elfinder-cwd-icon-x-ruby{background-position:0 -800px}
.elfinder-cwd-icon-x-sh,.elfinder-cwd-icon-x-shellscript{background-position:0 -850px}
.elfinder-cwd-icon-x-c,.elfinder-cwd-icon-x-csrc,.elfinder-cwd-icon-x-chdr,.elfinder-cwd-icon-x-c--,.elfinder-cwd-icon-x-c--src,.elfinder-cwd-icon-x-c--hdr,.elfinder-cwd-icon-x-java,.elfinder-cwd-icon-x-java-source{background-position:0 -900px}
.elfinder-cwd-icon-x-php{background-position:0 -950px}
.elfinder-cwd-icon-xml{background-position:0 -1000px}
.elfinder-cwd-icon-zip,.elfinder-cwd-icon-x-zip,.elfinder-cwd-icon-x-7z-compressed{background-position:0 -1050px}
.elfinder-cwd-icon-x-gzip,.elfinder-cwd-icon-x-tar{background-position:0 -1100px}
.elfinder-cwd-icon-x-bzip,.elfinder-cwd-icon-x-bzip2{background-position:0 -1150px}
.elfinder-cwd-icon-x-rar,.elfinder-cwd-icon-x-rar-compressed{background-position:0 -1200px}
.elfinder-cwd-icon-x-shockwave-flash{background-position:0 -1250px}
.elfinder-cwd-icon-group{background-position:0 -1300px}
.elfinder-cwd input{width:100%;border:0 solid;margin:0;padding:0}
.elfinder-cwd-view-icons input,.elfinder-cwd-view-icons{text-align:center}
.elfinder-cwd table{width:100%;border-collapse:collapse;border:0 solid;margin:0 0 10px}
.elfinder .elfinder-cwd table thead tr{border-left:0 solid;border-top:0 solid;border-right:0 solid}
.elfinder .elfinder-cwd table thead td{font-size:.9em}
.elfinder .elfinder-cwd table td{padding:3px 12px;white-space:pre;overflow:hidden;text-align:right;cursor:default;border:0 solid}
.elfinder-ltr .elfinder-cwd table td{text-align:right}
.elfinder-ltr .elfinder-cwd table td:first-child{text-align:left}
.elfinder-rtl .elfinder-cwd table td{text-align:left}
.elfinder-rtl .elfinder-cwd table td:first-child{text-align:right}
.elfinder-odd-row{background:#eee}
.elfinder-cwd-view-list .elfinder-cwd-file-wrapper{width:97%;position:relative}
.elfinder-ltr .elfinder-cwd-view-list .elfinder-cwd-file-wrapper{padding-left:23px}
.elfinder-rtl .elfinder-cwd-view-list .elfinder-cwd-file-wrapper{padding-right:23px}
.elfinder-cwd-view-list .elfinder-perms,.elfinder-cwd-view-list .elfinder-symlink{top:50%;margin-top:-6px}
.elfinder-ltr .elfinder-cwd-view-list .elfinder-perms{left:7px}
.elfinder-ltr .elfinder-cwd-view-list .elfinder-symlink{left:-7px}
.elfinder-cwd-view-list td .elfinder-cwd-icon{width:16px;height:16px;position:absolute;top:50%;margin-top:-8px;background-image:url(../img/icons-small.png)}
.elfinder-ltr .elfinder-cwd-view-list .elfinder-cwd-icon{left:0}
.elfinder-rtl .elfinder-cwd-view-list .elfinder-cwd-icon{right:0}

/*.std42-dialog{padding:0}*/
.std42-dialog .ui-dialog-titlebar{ height: 40px; padding: 0 14px; line-height: 40px;}
.std42-dialog .ui-dialog-titlebar-close,.std42-dialog .ui-dialog-titlebar-close:hover{padding:1px}
.elfinder-rtl .elfinder-dialog .ui-dialog-titlebar{text-align:right}
.elfinder-rtl .elfinder-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{right:auto;left:.3em}
.std42-dialog .ui-dialog-content{ padding-top: 16px; }
.elfinder-dialog .ui-resizable-e,.elfinder-dialog .ui-resizable-s{width:0;height:0}
.std42-dialog .ui-button input{cursor:pointer}
.elfinder-dialog-icon{display: none;}
.elfinder-rtl .elfinder-dialog-icon{left:auto;right:12px}
.elfinder-dialog-error .ui-dialog-content,.elfinder-dialog-confirm .ui-dialog-content{padding-left:65px;}
.elfinder-rtl .elfinder-dialog-error .ui-dialog-content,.elfinder-rtl .elfinder-dialog-confirm .ui-dialog-content{padding-left:0;padding-right:56px}
.elfinder-dialog-notify .ui-dialog-titlebar-close{display:none}
.elfinder-dialog-notify .ui-dialog-content{padding:0}
.elfinder-notify{border-bottom:1px solid #ccc;position:relative;padding:.5em;text-align:center;overflow:hidden}
.elfinder-ltr .elfinder-notify{padding-left:30px}
.elfinder-rtl .elfinder-notify{padding-right:30px}
.elfinder-notify:last-child{border:0 solid}
.elfinder-notify-progressbar{width:180px;height:8px;border:1px solid #aaa;background:#f5f5f5;margin:5px auto;overflow:hidden}
.elfinder-notify-progress{width:100%;height:8px;background:url(../img/progress.gif) center center repeat-x}
.elfinder-notify-progressbar,.elfinder-notify-progress{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.elfinder-dialog-icon-open,.elfinder-dialog-icon-file,.elfinder-dialog-icon-reload{background-position:0 -225px}
.elfinder-dialog-icon-mkdir{background-position:0 -64px}
.elfinder-dialog-icon-mkfile{background-position:0 -96px}
.elfinder-dialog-icon-copy,.elfinder-dialog-icon-prepare,.elfinder-dialog-icon-move{background-position:0 -128px}
.elfinder-dialog-icon-upload{background-position:0 -160px}
.elfinder-dialog-icon-rm{background-position:0 -192px}
.elfinder-dialog-icon-download{background-position:0 -260px}
.elfinder-dialog-icon-save{background-position:0 -295px}
.elfinder-dialog-icon-rename{background-position:0 -330px}
.elfinder-dialog-icon-archive,.elfinder-dialog-icon-extract{background-position:0 -365px}
.elfinder-dialog-icon-search{background-position:0 -402px}
.elfinder-dialog-confirm-applyall{padding-top:3px}
.elfinder-dialog-confirm .elfinder-dialog-icon{background-position:0 -32px}
.elfinder-info-title .elfinder-cwd-icon{float:left;width:48px;height:48px;margin-right:1em}
.elfinder-info-title strong{display:block;padding:.3em 0 .5em}
.elfinder-info-tb{min-width:200px;border:0 solid;margin:1em .2em;font-size:.9em}
.elfinder-info-tb td{white-space:nowrap;padding:2px}
.elfinder-info-tb tr td:first-child{text-align:right}
.elfinder-info-tb span{float:left}
.elfinder-info-tb a{outline:none;text-decoration:underline}
.elfinder-info-tb a:hover{text-decoration:none}
.elfinder-info-spinner{width:14px;height:14px;float:left;background:url("../images/elfinder/spinner-mini.gif") center center no-repeat;margin:0 5px}
.elfinder-upload-dropbox{font-size:1.2em;text-align:center;padding:2em 0;border:3px dashed #aaa}
.elfinder-upload-dropbox.ui-state-hover{background:#dfdfdf;border:3px dashed #555}
.elfinder-upload-dialog-or{font-size:1.2em;margin:.3em 0;text-align:center}
.elfinder-upload-dialog-wrapper{text-align:center}
.elfinder-upload-dialog-wrapper .ui-button{position:relative;overflow:hidden}
.elfinder-upload-dialog-wrapper .ui-button form{position:absolute;right:0;top:0;opacity:0;filter:Alpha(Opacity=0)}
.elfinder-upload-dialog-wrapper .ui-button form input{padding:0 20px;font-size:3em}
.dialogelfinder .dialogelfinder-drag{border-left:0 solid;border-top:0 solid;border-right:0 solid;font-weight:400;font-size:.9em;padding:2px 12px;cursor:move;position:relative;text-align:left}
.elfinder-rtl .dialogelfinder-drag{text-align:right}
.dialogelfinder-drag-close{position:absolute;top:50%;margin-top:-8px}
.elfinder-ltr .dialogelfinder-drag-close{right:12px}
.elfinder-rtl .dialogelfinder-drag-close{left:12px}
.elfinder .elfinder-navbar{width:230px;padding:5px;font-size: 11px;background-image:none;border-top:0 solid;border-bottom:0 solid;overflow:auto;display:none;position:relative;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}
.elfinder-ltr .elfinder-navbar{float:left;border-left:0 solid}
.elfinder-rtl .elfinder-navbar{float:right;border-right:0 solid}
.elfinder-ltr .ui-resizable-e{margin-left:10px}
.elfinder-tree{display:table;width:100%;margin:0 0 .5em}
.elfinder-navbar-dir{position:relative;display:block;white-space:nowrap;padding:3px 12px;margin:0;outline:0 solid;border:1px solid transparent;cursor:default}
.elfinder-ltr .elfinder-navbar-dir{padding-left:35px}
.elfinder-rtl .elfinder-navbar-dir{padding-right:35px}
.elfinder-navbar-arrow{width:12px;height:14px;position:absolute;display:none;top:50%;margin-top:-8px;background-image:url("../images/elfinder/arrows-normal.png");background-repeat:no-repeat}
.ui-state-active .elfinder-navbar-arrow{background-image:url("../images/elfinder/arrows-active.png")}
.elfinder-navbar-collapsed .elfinder-navbar-arrow{display:block}
.elfinder-ltr .elfinder-navbar-collapsed .elfinder-navbar-arrow{background-position:0 5px;left:0}
.elfinder-rtl .elfinder-navbar-collapsed .elfinder-navbar-arrow{background-position:0 -10px;right:0}
.elfinder-ltr .elfinder-navbar-expanded .elfinder-navbar-arrow,.elfinder-rtl .elfinder-navbar-expanded .elfinder-navbar-arrow{background-position:0 -21px}
.elfinder-navbar-icon{width:16px;height:16px;position:absolute;top:50%;margin-top:-8px;background-image:url("../images/elfinder/toolbar.png");background-repeat:no-repeat;background-position:0 -16px}
.elfinder-ltr .elfinder-navbar-icon{left:14px}
.elfinder-rtl .elfinder-navbar-icon{right:14px}
.elfinder-tree .elfinder-navbar-root .elfinder-navbar-icon{background-position:0 0}
.elfinder-places .elfinder-navbar-root .elfinder-navbar-icon{background-position:0 -48px}
.ui-state-active .elfinder-navbar-icon,.elfinder-droppable-active .elfinder-navbar-icon,.ui-state-hover .elfinder-navbar-icon{background-position:0 -32px}
.elfinder-navbar-subtree{display:none}
.elfinder-ltr .elfinder-navbar-subtree{margin-left:12px}
.elfinder-rtl .elfinder-navbar-subtree{margin-right:12px}
.elfinder-navbar-spinner{width:14px;height:14px;position:absolute;display:block;top:50%;margin-top:-7px;background:url("../images/elfinder/spinner-mini.gif") center center no-repeat}
.elfinder-ltr .elfinder-navbar-spinner{left:0;margin-left:-2px}
.elfinder-rtl .elfinder-navbar-spinner{right:0;margin-right:-2px}
.elfinder-navbar .elfinder-perms{top:50%;margin-top:-8px}
.elfinder-ltr .elfinder-navbar .elfinder-perms{left:18px}
.elfinder-rtl .elfinder-navbar .elfinder-perms{right:18px}
.elfinder-ltr .elfinder-navbar .elfinder-symlink{left:8px}
.elfinder-rtl .elfinder-navbar .elfinder-symlink{right:8px}
.elfinder-navbar .ui-resizable-handle{width:12px;background:url('../images/elfinder/resize.png') center center no-repeat;left:0}
.elfinder-nav-handle-icon{position:absolute;top:50%;margin:-8px 2px 0;opacity:.5;filter:Alpha(Opacity=50)}
.elfinder-places{border:1px solid transparent}
.elfinder-places.elfinder-droppable-active{border:1px solid #8cafed}
.elfinder-place-drag .elfinder-navbar-dir{font-size:.9em}
.elfinder-quicklook{position:absolute;background:url("../images/elfinder/quicklook-bg.png");display:none;overflow:hidden;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;padding:20px 0 40px}
.elfinder-quicklook .ui-resizable-se{width:14px;height:14px;right:5px;bottom:3px;background:url("../images/elfinder/toolbar.png") 0 -496px no-repeat}
.elfinder-quicklook-fullscreen{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-webkit-background-clip:padding-box;padding:0;background:#000;z-index:90000;display:block}
.elfinder-quicklook-fullscreen .elfinder-quicklook-titlebar{display:none}
.elfinder-quicklook-fullscreen .elfinder-quicklook-preview{border:0 solid}
.elfinder-quicklook-titlebar{text-align:center;background:#777;position:absolute;left:0;top:0;width:100%;height:20px;-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;border-top-left-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;border-top-right-radius:7px;cursor:move}
.elfinder-quicklook-title{font-size:.7em;color:#fff;white-space:nowrap;overflow:hidden;padding:2px 0}
.elfinder-quicklook-titlebar .ui-icon{position:absolute;left:4px;top:50%;margin-top:-8px;width:16px;height:16px;cursor:default}
.elfinder-quicklook-preview{overflow:hidden;position:relative;border:0 solid;border-left:1px solid transparent;border-right:1px solid transparent;height:100%}
.elfinder-quicklook-info-wrapper{position:absolute;width:100%;left:0;top:50%;margin-top:-50px}
.elfinder-quicklook-info{padding:0 12px 0 112px}
.elfinder-quicklook-info .elfinder-quicklook-info-data:first-child{color:#fff;font-weight:700;padding-bottom:.5em}
.elfinder-quicklook-info-data{font-size:.72em;padding-bottom:.2em;color:#fff}
.elfinder-quicklook .elfinder-cwd-icon{position:absolute;left:32px;top:50%;margin-top:-20px}
.elfinder-quicklook-preview img{display:block;margin:0 auto}
.elfinder-quicklook-navbar{position:absolute;left:50%;bottom:4px;width:140px;height:32px;padding:0;margin-left:-70px;border:1px solid transparent;border-radius:19px;-moz-border-radius:19px;-webkit-border-radius:19px}
.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar{width:188px;margin-left:-94px;padding:5px;border:1px solid #eee;background:#000}
.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar-icon-close,.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar-separator{display:inline}
.elfinder-quicklook-navbar-icon{width:32px;height:32px;margin:0 7px;float:left;background:url("../images/elfinder/quicklook-icons.png") 0 0 no-repeat}
.elfinder-quicklook-navbar-icon-fullscreen{background-position:0 -64px}
.elfinder-quicklook-navbar-icon-fullscreen-off{background-position:0 -96px}
.elfinder-quicklook-navbar-icon-prev{background-position:0 0}
.elfinder-quicklook-navbar-icon-next{background-position:0 -32px}
.elfinder-quicklook-navbar-icon-close{background-position:0 -128px;display:none}
.elfinder-quicklook-navbar-separator{width:1px;height:32px;float:left;border-left:1px solid #fff;display:none}
.elfinder-quicklook-preview-text-wrapper{width:100%;height:100%;background:#fff;color:#222;font-size:.9em;overflow:auto}
pre.elfinder-quicklook-preview-text{margin:0;padding:3px 9px}
.elfinder-quicklook-preview-html,.elfinder-quicklook-preview-pdf{width:100%;height:100%;background:#fff;border:0 solid;margin:0}
.elfinder-quicklook-preview-flash{width:100%;height:100%}
.elfinder-quicklook-preview-audio{width:100%;position:absolute;bottom:0;left:0}
embed.elfinder-quicklook-preview-audio{height:30px;background:0 0}
.elfinder-quicklook-preview-video{width:100%;height:100%}
.elfinder-statusbar{ text-align: center; font-weight: 400; padding: 0 12px; height: 28px; border-right: 0 solid  transparent; border-bottom: 0 solid  transparent; border-left: 0 solid  transparent; border-top: 1px solid  #D5D5D5; line-height: 28px; } 
.elfinder-statusbar a{text-decoration:none}
.elfinder-statusbar div{font-size: 11px;}
.elfinder-path{max-width:30%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.elfinder-ltr .elfinder-path{float:left}
.elfinder-rtl .elfinder-path{float:right}
.elfinder-stat-size{white-space:nowrap}
.elfinder-ltr .elfinder-stat-size{float:right}
.elfinder-rtl .elfinder-stat-size{float:left}
.elfinder-stat-selected{white-space:nowrap;overflow:hidden}
.elfinder-toolbar{ padding: 4px 7px; margin: 0; list-style: none; background: #f8f8f8; display: inline-block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.elfinder-toolbar .ui-widget-content { box-shadow: none; }
.elfinder-buttonset{margin:1px 4px;float:left;background:0 0;padding:0;}
.elfinder .elfinder-button{width:16px;height:16px;margin:0;padding:4px;float:left;overflow:hidden;position:relative;border:0 solid}
.elfinder .ui-icon-search{cursor:pointer}
.elfinder-toolbar-button-separator{float:left;padding:0;height:24px;border-top:0 solid;border-right:0 solid;border-bottom:0 solid;width:0}
.elfinder .elfinder-button.ui-state-disabled{opacity:1;filter:Alpha(Opacity=100)}
.elfinder .elfinder-button.ui-state-disabled .elfinder-button-icon{opacity:.4;filter:Alpha(Opacity=40)}
.elfinder-rtl .elfinder-buttonset{float:right}
.elfinder-button-icon{width:16px;height:16px;display:block;background:url('../images/elfinder/toolbar.png') no-repeat}
.elfinder-button-icon-home{background-position:0 0}
.elfinder-button-icon-back{background-position:0 -112px}
.elfinder-button-icon-forward{background-position:0 -128px}
.elfinder-button-icon-up{background-position:0 -144px}
.elfinder-button-icon-reload{background-position:0 -160px}
.elfinder-button-icon-open{background-position:0 -176px}
.elfinder-button-icon-mkdir{background-position:0 -192px}
.elfinder-button-icon-mkfile{background-position:0 -208px}
.elfinder-button-icon-rm{background-position:0 -224px}
.elfinder-button-icon-copy{background-position:0 -240px}
.elfinder-button-icon-cut{background-position:0 -256px}
.elfinder-button-icon-paste{background-position:0 -272px}
.elfinder-button-icon-getfile{background-position:0 -288px}
.elfinder-button-icon-duplicate{background-position:0 -304px}
.elfinder-button-icon-rename{background-position:0 -320px}
.elfinder-button-icon-edit{background-position:0 -336px}
.elfinder-button-icon-quicklook{background-position:0 -352px}
.elfinder-button-icon-upload{background-position:0 -368px}
.elfinder-button-icon-download{background-position:0 -384px}
.elfinder-button-icon-info{background-position:0 -400px}
.elfinder-button-icon-extract{background-position:0 -416px}
.elfinder-button-icon-archive{background-position:0 -432px}
.elfinder-button-icon-view{background-position:0 -448px}
.elfinder-button-icon-view-list{background-position:0 -464px}
.elfinder-button-icon-help{background-position:0 -480px}
.elfinder-button-icon-resize{background-position:0 -512px}
.elfinder-button-icon-search{background-position:0 -561px}
.elfinder-button-icon-sort{background-position:0 -577px}
.elfinder-button-icon-rotate-r{background-position:0 -625px}
.elfinder-button-icon-rotate-l{background-position:0 -641px}
.elfinder .elfinder-menubutton{overflow:visible}
.elfinder-button-menu{position:absolute;left:0;top:29px;padding:3px 0; background: #FAFAFA; border: 1px solid #DDD;}
.elfinder-button-menu-item{white-space:nowrap;font-size:.72em;cursor:default;padding:5px 19px;position:relative}
.elfinder-button-menu .ui-state-hover{border:0 solid}
.elfinder-menu-item-sort-dir{width:16px;height:16px;position:absolute;left:2px;top:50%;margin-top:-8px;background:url("../images/elfinder/toolbar.png") 0 -594px no-repeat;display:none}
.elfinder-button-menu-item-selected .elfinder-menu-item-sort-dir{display:block}
.elfinder-menu-item-sort-desc .elfinder-menu-item-sort-dir{background-position:0 -608px}
.elfinder-button form{position:absolute;top:0;right:0;opacity:0;filter:Alpha(Opacity=0);cursor:pointer}
.elfinder .elfinder-button form input{background:0 0;cursor:default}
.elfinder .elfinder-button-search{border:0 solid;background:0 0;padding:0;margin:1px 4px;height:auto;min-height:26px;float:right;width:162px}
.elfinder-ltr .elfinder-button-search{float: none; margin-right: 10px; position: absolute; right: -4px; top: -35px;}
.elfinder-rtl .elfinder-button-search{float:left;margin-left:10px}
.elfinder-button-search input{ width:160px; height: 26px; padding: 5px 8px;font-size: 11px; border:1px solid #d5d5d5;outline:0 solid; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.elfinder-rtl .elfinder-button-search input{direction:rtl}
.elfinder-button-search .ui-icon{position:absolute;height:18px;top:50%;margin:-9px 4px 0;opacity:.3;filter:Alpha(Opacity=30)}
.elfinder-ltr .elfinder-button-search .ui-icon-search{left:0}
.elfinder-rtl .elfinder-button-search .ui-icon-search,.elfinder-ltr .elfinder-button-search .ui-icon-close{right:0}
.elfinder-rtl .elfinder-button-search .ui-icon-close{left:0}


/* navbar */
.elfinder .elfinder-navbar { background:#fcfcfc; }
.elfinder-navbar .ui-state-hover  { background:transparent; border-color:transparent; }
.elfinder-navbar .ui-state-active { background: #3875d7;    border-color:#3875d7; color:#fff; }
/* disabled elfinder */
.elfinder-disabled .elfinder-navbar .ui-state-active { background: #dadada; border-color:#ccc; color:#fff; }


/* current directory */
/* selected file in "icons" view */
.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover { background:#ccc; }
/* list view*/
.elfinder-cwd table tr:nth-child(odd) { background-color:#edf3fe; }
.elfinder-cwd table tr { border-top:1px solid #fff; }

/* common selected background/color */
.elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
.elfinder-cwd table td.ui-state-hover,
.elfinder-button-menu .ui-state-hover { background: #3875d7; color:#fff;}

/* disabled elfinder */
.elfinder-disabled .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
.elfinder-disabled .elfinder-cwd table td.ui-state-hover { background:#dadada;}

/* statusbar */
.elfinder .elfinder-statusbar { color:#555; }
.elfinder .elfinder-statusbar a { text-decoration:none; color:#555;}
.std42-dialog .elfinder-help, .std42-dialog .elfinder-help .ui-widget-content { background:#fff;}

/* contextmenu */
.elfinder-contextmenu .ui-state-hover { background: #3875d7; color:#fff; }
.elfinder-contextmenu .ui-state-hover .elfinder-contextmenu-arrow { background-image:url('../images/elfinder/arrows-active.png'); }


/* ========================================================
*
* Amsterdam - premium admin template
*
* ========================================================
*
* File: fancybox.css;
* Description: Fancybox jquery plugin styles
* Plugin version: 1.3.4 (11/11/2010)
* Version: 1.0
*
* ======================================================== */


#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/elements/lightbox/fancybox.png'); }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; }
#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } 
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
#fancybox-close { position: absolute;  top: 0; right: 0; width: 14px; height: 14px; background: transparent url('../images/elements/lightbox/fancybox.png') -48px -2px; cursor: pointer; z-index: 1103; display: none; }
#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../images/elements/lightbox/blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 15px; height: 17px; margin-top: -9px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url('../images/elements/lightbox/fancybox.png'); background-position: -48px -35px;  margin-left: -19px; }
#fancybox-right-ico { background-image: url('../images/elements/lightbox/fancybox.png'); background-position: -48px -17px; margin-right: -19px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { 	left: auto; right: 20px; }
.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../images/elements/lightbox/fancybox-x.png'); }
#fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../images/elements/lightbox/fancybox.png'); background-position: -40px -162px; }
#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../images/elements/lightbox/fancybox-y.png'); background-position: -20px 0px; }
#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../images/elements/lightbox/fancybox.png'); background-position: -40px -182px;  }
#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../images/elements/lightbox/fancybox-x.png'); background-position: 0px -20px; }
#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../images/elements/lightbox/fancybox.png'); background-position: -40px -142px; }
#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../images/elements/lightbox/fancybox-y.png'); }
#fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../images/elements/lightbox/fancybox.png'); background-position: -40px -122px; }
#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
.fancybox-title-outside { padding-top: 10px; color: #fff; }
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background-image: url('../images/elements/lightbox/fancy_title_over.png'); display: block; }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px; background: url('../images/elements/lightbox/fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../images/elements/lightbox/fancybox-x.png') 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px; background: url('../images/elements/lightbox/fancybox.png') -55px -90px no-repeat; }

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); }
#fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; 	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); }
#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/elements/lightbox/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
/* ========================================================
*
* Amsterdam - premium admin template
*
* ========================================================
*
* File: ui_custom.css;
* Description: Custom jQuery UI stylesheet
* Version: 1.0
*
* ======================================================== */


/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; visibility: hidden; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Component containers
----------------------------------*/
.ui-widget { font-size: 12px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 11px; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { font-weight: bold; }
.ui-widget-header a { color: #222222; }


/* Interaction states
----------------------------------*/
th.ui-state-default:first-child { border-left: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #797979; text-decoration: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #797979; text-decoration: none; }
.ui-widget :active { outline: none; }


/* ===== UI Slider ===== */

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; height: 16px; cursor: default; background: url(../images/elements/ui/handle.png) no-repeat; border: none; cursor: pointer; }
.ui-slider .ui-slider-handle:hover { background-position: 0 -16px; }
.ui-slider .ui-slider-handle:active { background-position: 0 -32px; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 6px; font-size: .7em; display: block; border: 1px solid #5ba8e1; box-shadow: 0 1px 0 #aad6f6 inset;  -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; background: #9bcff5; background: -moz-linear-gradient(top,  #9bcff5 0%, #84c4f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bcff5), color-stop(100%,#84c4f3)); background: -webkit-linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); background: -o-linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); background: -ms-linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); background: linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcff5', endColorstr='#84c4f3',GradientType=0 ); }
.ui-slider-horizontal { height: 4px; background: #eeeeee; border: 1px solid #d5d5d5; box-shadow: 0 1px 0 #fff, 0 1px 0 #e5e5e5 inset; -moz-box-shadow: 0 1px 0 #fff, 0 1px 0 #e5e5e5 inset; margin: 8px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
.ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: -1px; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { height: 100px; width: 4px; background: #eeeeee; box-shadow: 0 1px 0 #fff, 0 1px 0 #e5e5e5 inset; -moz-box-shadow: 0 1px 0 #fff, 0 1px 0 #e5e5e5 inset; border: 1px solid #d5d5d5; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;  }
.ui-slider-vertical .ui-slider-handle { left: -6px; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: -1px; width: 4px; background: #9bcff5; background: -moz-linear-gradient(top,  #9bcff5 0%, #84c4f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bcff5), color-stop(100%,#84c4f3)); background: -webkit-linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); background: -o-linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); background: -ms-linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); background: linear-gradient(top,  #9bcff5 0%,#84c4f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcff5', endColorstr='#84c4f3',GradientType=0 ); }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
#eq span { height: 120px; float: left; margin-right: 30px; display: block; }
.slider-tip { opacity:1; bottom:120%; margin-left: -1.36em; }



/* ===== UI Datepicker ===== */

.no-append .ui-datepicker-append { display: none; }
.ui-datepicker-append { margin-left: 14px; font-size: 11px; line-height: 26px; }
.ui-datepicker { width: 195px; background: #fafafa; display: none; border: 1px solid #CDCDCD; z-index: 99!important; }
.ui-datepicker-inline { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.datepicker-fixed { width: 195px; }
.datepicker-liquid { width: 100%; }
#sidebar .ui-datepicker-inline, .widget .ui-datepicker-inline { margin-top: 0; }
.formRow .ui-datepicker-inline { width: 195px; }
.ui-datepicker .ui-datepicker-header { position:relative; padding: 8px 0 7px 0; border:0px; font-weight: bold; font-size: 11px; width: 100%; color: #636363; text-shadow: 0 1px white; border-bottom: 1px solid #CDCDCD; border-radius: 0!important; box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; 
	background: #f2f2f2; 
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); 
	background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); 
	background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); 
	background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 9px; width: 1.8em; height: 1.8em; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background: none; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:7px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; width: 6px; cursor: pointer; height: 9px; position: absolute; left: 50%; top: 4px; background: url(../images/elements/ui/dateArrows.png) no-repeat 0; }
.ui-datepicker .ui-datepicker-prev span { background-position: 0 0; }
.ui-datepicker .ui-datepicker-next span { background-position: -8px 0; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px 1px 0 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 7px 2px 6px 2px; text-align: right; text-decoration: none; line-height: 13px; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; border-left: 1px solid #cdcdcd; margin-left: -1px; }
.ui-datepicker-multi .ui-datepicker-group:first-child { border-left: none; margin-left: 0; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker th { font-weight: bold; color: gray; }
.ui-datepicker-today a:hover{ background-color: #808080; color: #ffffff; }
.ui-datepicker-today > a { background:#67919d; margin-bottom:0px; font-size:normal; text-shadow: 0px; color: white;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.ui-datepicker td a{ margin-bottom:0px; border:0px; }
.ui-datepicker td:hover{ color:white; }
.ui-datepicker td .ui-state-default { border:0px; margin-bottom:0px; text-align: center; filter:none; }
.ui-datepicker td .ui-state-active{ background:#67859d; margin-bottom:0px; font-size:normal; text-shadow: 0px; color:white;   -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.ui-datepicker td .ui-state-default:hover{ background:#476981; color:white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background: none; }
.date-trigger { display: inline-block; position: relative; }
.date-trigger .ui-datepicker-trigger { position: absolute; top: 6px; margin-left: 6px; cursor: pointer; }



.sidebar .ui-datepicker { background: url(../images/backgrounds/opacity.png); box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset; border-radius: 3px;padding: 1px; border: none; }
.sidebar .ui-datepicker-header { background: url(../images/backgrounds/opacity2.png); color: whiteSmoke; text-shadow: none; border-bottom: 1px solid #444; box-shadow: none; }
.sidebar .ui-datepicker th { color: #999; }
.sidebar .ui-widget-content a { color: #eee; }
.sidebar .ui-state-disabled, .sidebar .ui-widget-content .ui-state-disabled, .sidebar .ui-widget-header .ui-state-disabled { color: #fff; }
.sidebar .ui-datepicker td .ui-state-active { font-weight: bold; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #AAD15F, #7EA437); }
.sidebar .ui-datepicker td.ui-datepicker-today > .ui-state-highlight { font-weight: bold; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #EC795D, #D1573A); }
.sidebar .ui-datepicker td .ui-state-default:hover { background-color: #7EA437; }



/* ===== UI autocomplete ===== */

.ui-autocomplete { position: absolute; display: none; padding: 0; z-index: 100!important; border: 1px solid #d5d5d5; border-top: none; max-height: 185px; overflow: auto; }	
.ui-autocomplete .ui-state-hover { background: none; padding: 6px 10px 7px 32px; }
* html .ui-autocomplete { width:1px; }
.ui-menu { display: block; float: left; }
.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; border-bottom: 1px solid #eaeaea; border-top: 1px solid #fff; background: #fafafa; }
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding: 6px 10px 7px 10px; color: #5f5f5f; line-height:1.5; zoom:1; font-size: 11px; cursor: pointer; }
.ui-menu .ui-menu-item a.ui-state-focus { background-color: #f5f5f5; }
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal;  }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }



/* ===== Spinner ===== */

.ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; border: none; box-shadow: none; }
.ui-spinner > input[type=text] { padding: 7px 22px 7px 8px; box-sizing: border-box; }
.ui-spinner-disabled { background: #F4F4F4; color: #CCC; }
.ui-spinner input.ui-spinner-box { border: none!important; background: none!important; padding: 0!important; height: 26px; }
.ui-spinner-up, .ui-spinner-down { width: 18px; padding: 0; margin: 0; z-index: 100; position: absolute; right: 1px; cursor: pointer; border: none; }
.ui-spinner-up { background: url(../images/elements/forms/spinner-top.png) no-repeat; height: 15px; top: 0; }
.ui-spinner-down { height: 15px; bottom: 0; background: url(../images/elements/forms/spinner-bottom.png) no-repeat; }
.ui-spinner-list, .ui-spinner-listitem { margin: 0; padding: 0; }
.ui-spinner ul li, .ui-spinner-data { line-height: 26px; height: 26px; }
.ui-spinner-input { border: none; box-shadow: none; }



/* ===== UI Dialog ===== */

.ui-dialog { position: absolute; padding: 3px; width: auto; background: #808080; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.ui-dialog input[type=text], .ui-dialog input[type=password], .ui-dialog textarea { font-size: 11px; padding: 6px 5px; background: white; border: 1px solid #DDD; width: 100%; font-family: Arial, Helvetica, sans-serif; box-shadow: 0 0 0 2px #f4f4f4; color: #656565; width: 100%; margin: 10px auto; display: block; box-sizing: border-box; }
.ui-dialog form {  }
.ui-dialog form label { float: left; cursor: pointer; margin-bottom: 3px; }
.dialogSelect label { margin: 4px 15px 0 0; }
.customDialog { padding: 0!important; }
.ui-dialog .icon { padding: 1px 6px 0 0; float: left; }
.ui-dialog .titleIcon { position: absolute; top: -10px; }
.ui-dialog p { padding: 0!important; }
.ui-dialog .ui-dialog-titlebar { position: relative; border-bottom: 1px solid #CDCDCD; box-shadow: 0 1px 0 #fff; text-shadow: 0 1px white;  background: #f8f8f8; background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 ); }
.ui-dialog .ui-dialog-title { height: 40px; padding: 0 14px; line-height: 40px; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 6px; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; opacity: 0.6; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 1px; background: #fafafa; }
.ui-dialog .ui-dialog-content { position: relative; overflow: auto; zoom: 1; padding: 10px 12px; background: #f5f5f5; clear: both; }
.ui-dialog .ui-dialog-buttonpane { padding: 0 12px; font-size: .9em; border-top: 1px solid #cdcdcd; padding: 10px 0; text-shadow: 0 1px white;  background: #f8f8f8; background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 ); }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { text-align: right; margin: 0 4px; }
.ui-dialog .ui-dialog-buttonpane button { font-size: 11px; color: #fff; font-weight: bold; text-shadow: 0 -1px #6f6f6f; display: inline-block; line-height: 14px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 7px 16px; margin: 0 5px; border: 1px solid #3e76af; box-shadow: 0 1px 2px 0 #66b2d2 inset; background: #5ba5cb; background: -moz-linear-gradient(top,  #5ba5cb 0%, #3a70ab 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba5cb), color-stop(100%,#3a70ab)); background: -webkit-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%); background: -o-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%); background: -ms-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%); background: linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba5cb', endColorstr='#3a70ab',GradientType=0 ); }
.ui-dialog .ui-dialog-buttonpane button:hover { opacity: 0.95; -webkit-transition: opacity 0.2s ease-in-out; }
.ui-dialog .ui-dialog-buttonpane button:active { background: #4786b8; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 5px; bottom: 5px; opacity: 0.3; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #AAA url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter: Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }



/* ========================================================
*
* Amsterdam - premium admin template
*
* ========================================================
*
* File: main.css;
* Description: General template styles, including bootstrap components
* Version: 1.0
*
* ======================================================== */


html, body, div, span, legend {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

img {
    border: none;
}

textarea {
    overflow: auto;
}

textarea, input, input[type=text], input[type=password] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

    button, input[type=submit], input[type=button] {
        font-family: Arial, Helvetica, sans-serif;
        cursor: pointer;
    }

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

a {
    text-decoration: none;
}

*, * focus {
    outline: none;
    margin: 0;
    padding: 0;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}




/*===== General styles =====*/

html {
    height: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: url(../images/backgrounds/default.jpg);
    font-size: 12px;
    line-height: 22px;
    color: #5f5f5f;
    height: 100%;
    position: relative;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.spacer-top {
    margin-top: 14px;
}

.spacer-bottom {
    margin-bottom: 14px;
}

a {
    color: #08c;
}

select[multiple] {
    font-size: 12px;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}


/*===== Charts tooltips =====*/

.jqstooltip {
    z-index: 10001;
    border: none !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.chart-tooltip {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #fff;
    font-size: 11px;
    padding: 4px 8px;
    border: 1px solid #282828;
    box-shadow: 0 1px 0 rgba(255,255,255,0.06) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.06) inset;
    background: #3b3b3b;
    background: -moz-linear-gradient(top, #3b3b3b 0%, #222222 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(100%,#222222));
    background: -webkit-linear-gradient(top, #3b3b3b 0%,#222222 100%);
    background: -o-linear-gradient(top, #3b3b3b 0%,#222222 100%);
    background: -ms-linear-gradient(top, #3b3b3b 0%,#222222 100%);
    background: linear-gradient(top, #3b3b3b 0%,#222222 100%);
}


/*===== Login page =====*/

.login-wrapper {
    border-top: 3px solid #97bd47;
}

.login {
    width: 284px;
    height: 410px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -205px 0 0 -142px;
}

    .login .control-group {
        padding: 16px 16px 0 16px;
        border: none;
    }

.login-btn {
    margin: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.login-logo {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
}

.login .control-group input[type=text] {
    padding-right: 28px;
    background: #fff url(../images/icons/login-username.png) no-repeat 228px 8px;
}

.login .control-group input[type=password] {
    padding-right: 28px;
    background: #fff url(../images/icons/login-password.png) no-repeat 228px 8px;
}



/*===== Demo classes =====*/

.threshold-buttons {
    margin-top: 16px;
}

.icons-showcase li {
    float: left;
    width: 25%;
    margin: 2px 0;
}

    .icons-showcase li i {
        margin-right: 5px;
    }

.fs1 {
    font-size: 2em;
}

.glyph {
    display: inline-block;
    text-align: center;
    padding: .75em;
    margin: .75em 1em .75em 1em;
    width: 38px;
}

.demo-list {
    text-align: center;
}

    .demo-list li {
        display: inline-block;
        margin: 0 10px;
    }

.gap {
    display: block;
    height: 14px;
    background: none;
    border: none;
}

.scrollspy-example {
    height: 200px;
    overflow: auto;
    position: relative;
}



/*===== Top bar =====*/

.logo {
    display: block;
    text-align: center;
    margin: 22px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.topnav {
    float: right;
    display: block;
}

    .topnav > li {
        float: left;
        border-left: 1px solid #d5d5d5;
        position: relative;
    }

        .topnav > li > a {
            font-size: 16px;
            color: white;
            cursor: pointer;
            display: block;
            padding: 15px 16px;
            -webkit-transition: all ease-in-out .15s;
            -moz-transition: all ease-in-out .15s;
            transition: all ease-in-out .15s;
        }

            .topnav > li > a:hover {
                background: #fafafa;
                color: #5f5f5f;
                -webkit-transition: all ease-in-out .15s;
                -moz-transition: all ease-in-out .15s;
                transition: all ease-in-out .15s;
            }

        .topnav > li:last-child > a:hover, .topnav > li.sidebar-button > a:hover {
            border-radius: 0 4px 0 0;
            -webkit-border-radius: 0 4px 0 0;
            -moz-border-radius: 0 4px 0 0;
        }

    .topnav li.active a {
        border-bottom: 1px solid #a6c659;
        background: #2a2a2a url(../images/toparrow.png) no-repeat 50% 100%;
        color: #d5d5d5;
        box-shadow: 1px 0 0 #232323 inset, -1px 0 0 #232323 inset;
        -webkit-box-shadow: 1px 0 0 #232323 inset, -1px 0 0 #232323 inset;
        -moz-box-shadow: 1px 0 0 #232323 inset, -1px 0 0 #232323 inset;
    }

    .topnav > li.topuser {
        position: relative;
    }

        .topnav > li.topuser > a {
            font-size: 11px;
            font-weight: bold;
            padding: 12px 16px 12px 16px;
        }

            .topnav > li.topuser > a img {
                margin: -3px 12px 9px 0;
                float: left;
            }

        .topnav > li.topuser .caret {
            margin: 10px 0 0 14px;
            border-top-color: #7b7b7b;
        }

    .topnav .dropdown-menu {
        position: absolute;
        top: 46px;
        z-index: 999;
        width: 100%;
        left: -1px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -ms-box-sizing: content-box;
    }

    .topnav .user-profile {
        background: url(../images/icons/usernav/profile.png) no-repeat;
    }

    .topnav .user-stats {
        background: url(../images/icons/usernav/sidebar.png) no-repeat;
    }

    .topnav .user-settings {
        background: url(../images/icons/usernav/settings.png) no-repeat;
    }

    .topnav .user-logout {
        background: url(../images/icons/usernav/logout.png) no-repeat;
    }

    .topnav .dropdown-menu li strong {
        display: block;
        position: absolute;
        right: 10px;
        top: 8px;
        font-weight: bold;
        color: white;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        font-size: 11px;
        padding: 5px 7px 4px 7px;
        line-height: 13px;
        height: 13px;
        background: #56A4CE url(../images/elements/ui/progress_overlay.png);
        background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #56A4CE 0%, #3485AE 100%);
        background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56A4CE), color-stop(100%,#3485AE));
        background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #56A4CE 0%,#3485AE 100%);
        background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #56A4CE 0%,#3485AE 100%);
        background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top, #56A4CE 0%,#3485AE 100%);
        background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top, #56A4CE 0%,#3485AE 100%);
    }

    .topnav > li > a > b {
        background: url(../images/icons/topnav/top-buttons.png);
        height: 16px;
        width: 16px;
        display: block;
        -webkit-transition: all ease-in-out .1s;
    }

    .topnav > li > a > .settings {
        background-position: -1px -1px;
    }

    .topnav > li > a:hover > .settings {
        background-position: -1px -18px;
    }

    .topnav > li > a > .search {
        background-position: -18px -1px;
    }

    .topnav > li > a:hover > .search {
        background-position: -18px -18px;
    }

    .topnav > li > a > .mail {
        background-position: -35px -1px;
    }

    .topnav > li > a:hover > .mail {
        background-position: -35px -18px;
    }

    .topnav > li > a > .responsive-nav {
        background-position: -52px -1px;
    }

    .topnav > li > a:hover > .responsive-nav {
        background-position: -52px -18px;
    }

    .topnav > li > a > .logout {
        background-position: -69px -1px;
    }

    .topnav > li > a:hover > .logout {
        background-position: -69px -18px;
    }


/*===== Top search =====*/

.top-search {
    background: url(../images/backgrounds/bg.png);
    padding: 11px 10px;
    border: 1px solid #D5D5D5;
    border-top-color: #C1C1C1;
    z-index: 998;
    position: absolute;
    display: none;
    width: 325px;
    right: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

    .top-search input[type=text] {
        width: 100%;
    }

    .top-search input[type=submit] {
        position: absolute;
        width: 10px;
        border: none;
        height: 13px;
        right: 20px;
        top: 19px;
        background: url(../images/elements/forms/main-search.png) no-repeat;
        opacity: 0.8;
    }



/*===== Navigation styles =====*/

.navigation {
    margin-bottom: 30px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #555;
    border-right: 1px solid #333;
}

    .navigation > li {
        position: relative;
    }

        .navigation > li:hover > a {
            border-top-color: #3a3a3a;
        }

        .navigation > li > a {
            border-top: 1px solid #555;
            border-bottom: 1px solid #333;
            text-shadow: 0 1px 1px #202020;
            color: #efefef;
            font-size: 12px;
            font-weight: bold;
            display: block;
            padding: 12px 12px 13px 12px;
        }

            .navigation > li.active > a, .navigation > li > a.subOpened, .navigation > li > a.subOpened:hover, .navigation > li.active > a:hover, .navigation > li.active > a:active {
                color: #fff;
                vertical-align: middle;
                text-shadow: 0 1px 1px #555;
                background: #68B4DD;
                background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #68B4DD 0%, #2F86B2 100%);
                background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68B4DD), color-stop(100%,#2F86B2 ));
                background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #68B4DD 0%,#2F86B2 100%);
                background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #68B4DD 0%,#2F86B2 100%);
                background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top, #68B4DD 0%,#2F86B2 100%);
                background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #68B4DD 0%,#2F86B2 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68B4DD', endColorstr='#2F86B2',GradientType=0 );
                border-top-color: #88C3E0;
            }

                .navigation > li > a.subOpened, .navigation > li > a.subOpened:hover {
                    box-shadow: none;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                }


            .navigation > li > a:hover {
                background: url(../images/backgrounds/opacity2.png);
            }

            .navigation > li > a > i, .navigation > li > a > b {
                font-size: 14px;
                display: block;
                float: left;
                margin-top: 4px;
                width: 1em;
                text-align: left;
            }

            .navigation > li > a > img {
                float: left;
                margin-top: 3px;
                margin-right: 12px;
            }


    .navigation li ul {
        /* // background: url(../images/backgrounds/opacity.png); */
    }

        .navigation li ul li {
            border-bottom: 1px solid #303030;
            border-top: 1px solid #404040;
            position: relative;
        }

            .navigation li ul li:first-child {
                border-top: none;
            }

            .navigation li ul li a {
                color: #d5d5d5;
                font-size: 11px;
                display: block;
                padding: 10px 12px 10px 16px;
            }

    .navigation > li > ul > li.current > a, .navigation > li > ul > li.current > a:hover {
        color: #fff;
        background: url('../images/icons/active_state.png') no-repeat 15px 15px;
    }

    .navigation li a strong {
        color: #fff;
        padding: 5px 7px 4px 7px;
        font-size: 11px;
        line-height: 13px;
        height: 13px;
        position: absolute;
        right: 13px;
        top: 13px;
        background: #303030;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        box-shadow: 0 1px 1px rgba(255,255,255,0.1), 0 1px 1px #282828 inset;
        -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.1), 0 1px 1px #282828 inset;
        -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.1), 0 1px 1px #282828 inset;
    }

    .navigation li.active a strong, .navigation li a.subOpened strong {
        background: #363636;
        box-shadow: 0 1px 2px #4A4A4A inset, 0 1px 2px rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 1px 2px #4A4A4A inset, 0 1px 2px rgba(255, 255, 255, 0.2);
    }

    .navigation li ul li a {
        color: #ddd;
        font-size: 11px;
        display: block;
        padding: 10px 14px 10px 30px;
        color: #ddd;
        background: url('../images/icons/plus.png') no-repeat 14px 19px;
    }

    .navigation > li > ul > li > a:hover {
        color: #fff;
    }




/* # Sidebar
================================================== */

.sidebar {
    width: 220px;
    position: absolute;
    top: 0;
    color: #e5e5e5;
}

    .sidebar .block {
        margin-bottom: 30px;
        margin-top: 0;
    }

    .sidebar form, .sidebar-tags, .sidebar .inlinepicker {
        padding: 0 12px;
    }

    .sidebar textarea,
    .sidebar input[type="text"],
    .sidebar input[type="password"],
    .sidebar input[type="datetime"],
    .sidebar input[type="datetime-local"],
    .sidebar input[type="date"],
    .sidebar input[type="month"],
    .sidebar input[type="time"],
    .sidebar input[type="week"],
    .sidebar input[type="number"],
    .sidebar input[type="email"],
    .sidebar input[type="url"],
    .sidebar input[type="search"],
    .sidebar input[type="tel"],
    .sidebar input[type="color"] {
        font-size: 11px;
        color: #a2a2a2;
        background: url('../images/backgrounds/opacity.png');
        border: none;
        padding: 8px 10px 8px 10px;
        width: 100%;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
        -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
        -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .sidebar .tagsinput {
        background: url('../images/backgrounds/opacity.png');
        box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
        -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
        -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
        border: none;
    }

        .sidebar .tagsinput input {
            padding: 5px 8px;
            color: #f5f5f5 !important;
        }

        .sidebar .tagsinput .tag {
            border: none;
        }

    .sidebar .form-actions {
        padding: 0;
    }

.sidebar-links {
    border-right: 1px solid #333;
    background: url('../images/backgrounds/opacity.png');
    box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
    -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
    -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
    padding: 1px 0;
}

    .sidebar-links li {
        border-top: 1px solid #444;
        border-bottom: 1px solid #282828;
    }

        .sidebar-links li:first-child {
            border-top: none;
        }

        .sidebar-links li:last-child {
            border-bottom: none;
        }

        .sidebar-links li a {
            color: #DDD;
            padding: 10px 12px;
            display: block;
        }

            .sidebar-links li a i {
                margin-right: 10px;
            }

        .sidebar-links li:hover {
            background: url('../images/backgrounds/opacity2.png');
            border-top-color: #333;
        }

    .sidebar-links.marks > li > a:before {
        content: "+";
        padding-right: 10px;
    }

.sidebar .progress-statistics {
    background: url('../images/backgrounds/opacity.png');
    box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
    -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
    -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
    padding: 1px 0;
    font-size: 11px;
}

    .sidebar .progress-statistics .progress {
        margin: 2px 0 0 0;
        background: #282828;
        box-shadow: 0 1px 1px #444, 0 1px 1px #2A2A2A inset;
        -webkit-box-shadow: 0 1px 1px #444, 0 1px 1px #2A2A2A inset;
        -moz-box-shadow: 0 1px 1px #444, 0 1px 1px #2A2A2A inset;
    }

    .sidebar .progress-statistics li {
        padding: 8px 10px 14px 10px;
        border-top: 1px solid #444;
        border-bottom: 1px solid #282828;
    }

        .sidebar .progress-statistics li:first-child {
            border-top: none;
        }

        .sidebar .progress-statistics li:last-child {
            border-bottom: none;
        }

.sidebar-checks {
    margin-bottom: 10px;
}



/*===== Contact list =====*/

.user-list {
    padding: 0 1px;
    border: 1px solid #353535;
    border-bottom: 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}

    .user-list li {
        border-top: 1px solid #626262;
        border-bottom: 1px solid #353535;
        background: #535353;
        background: -moz-linear-gradient(top, #565656 0%, #464646 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#464646));
        background: -webkit-linear-gradient(top, #565656 0%,#464646 100%);
        background: -o-linear-gradient(top, #565656 0%,#464646 100%);
        background: -ms-linear-gradient(top, #565656 0%,#464646 100%);
        background: linear-gradient(to bottom, #565656 0%,#464646 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#464646',GradientType=0 );
    }

        .user-list li:hover {
            background: #5a5a5a;
            background: -moz-linear-gradient(top, #5a5a5a 0%, #464646 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a5a5a), color-stop(100%,#464646));
            background: -webkit-linear-gradient(top, #5a5a5a 0%,#464646 100%);
            background: -o-linear-gradient(top, #5a5a5a 0%,#464646 100%);
            background: -ms-linear-gradient(top, #5a5a5a 0%,#464646 100%);
            background: linear-gradient(to bottom, #5a5a5a 0%,#464646 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#464646',GradientType=0 );
        }

        .user-list li a > img {
            float: left;
            margin: 0 10px 0 0;
            box-shadow: 0 1px 1px #222;
            -webkit-box-shadow: 0 1px 1px #222;
            -moz-box-shadow: 0 1px 1px #222;
        }

        .user-list li a {
            color: #6a6a6a;
            padding: 10px;
            display: block;
            position: relative;
        }

            .user-list li a:after {
                content: "";
                display: block;
                clear: both;
            }

        .user-list li:active {
            background: #555;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        }

        .user-list li.active {
            background: url(../images/backgrounds/opacity2.png);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            border-right: 1px solid #333;
            border-top-color: transparent;
        }

            .user-list li.active:hover {
                background: none;
                filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            }

            .user-list li.active .contactName > i {
                color: #959595;
            }

.contact-name {
    float: left;
}

    .contact-name > strong {
        color: #fafafa;
        display: block;
        line-height: 22px;
    }

        .contact-name > strong > span {
            color: #999;
        }

    .contact-name > i {
        display: block;
        font-style: normal;
        font-size: 11px;
        color: #999;
        line-height: 10px;
    }

.status_available, .status_away, .status_off {
    width: 7px;
    height: 7px;
    background: url(../images/elements/other/contact_status.png) no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
}

.status_available {
    background-position: 0 0;
}

.status_away {
    background-position: 0 -8px;
}

.status_off {
    background-position: 0 -16px;
}



/*===== Sidebar search =====*/

.side-search {
    position: relative;
}

    .side-search input[type=text] {
        font-size: 11px;
        color: #a2a2a2;
        background: url(../images/backgrounds/opacity.png);
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
        -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
        -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
        padding-right: 36px;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        border: none;
    }

    .side-search input[type=submit] {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        background: url(../images/elements/other/search.png) no-repeat 0 0;
        border: none;
        position: absolute;
        top: 3px;
        right: 15px;
        display: block;
        width: 25px;
        height: 24px;
    }

        .side-search input[type=submit]:hover {
            background-position: 0 -25px;
        }

        .side-search input[type=submit]:active {
            background-position: 0 -50px;
        }

.error-content .side-search input[type=submit] {
    right: 3px;
}



/*===== Sidebar text stats =====*/

.text-stats {
    font-size: 18px;
    color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

    .text-stats:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }

    .text-stats li {
        float: left;
        display: block;
        text-align: center;
        border-left: 1px solid #585858;
        font-weight: bold;
        width: 69px;
    }

        .text-stats li:first-child {
            border-left: none;
        }

        .text-stats li span {
            display: block;
            color: #b0b0b0;
            font-size: 11px;
            line-height: 14px;
            font-weight: normal;
        }



/*===== Sidebar graph stats =====*/

.topstats {
    color: #d5d5d5;
    font-size: 11px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: url(../images/backgrounds/opacity.png);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
}

    .topstats li {
        border-bottom: 1px solid #2A2A2A;
        display: block;
        text-align: right;
        padding: 10px 14px 12px 14px;
        border-top: 1px solid #444;
    }

        .topstats li:first-child {
            margin-top: 0;
            border-top: none;
        }

        .topstats li:last-child {
            border-bottom: none;
        }

    .topstats h1 {
        font-weight: bold;
        font-size: 22px;
        color: #efefef;
        margin-top: 2px;
        display: block;
        line-height: 1;
    }

    .topstats .left {
        margin-right: 12px;
        float: left;
        display: inline-block;
        text-align: left;
    }

.topchart {
    margin-top: 10px;
    display: inline-block;
    text-align: right;
}



/*===== Sidebar action buttons styles =====*/

.action-button {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 6px;
    margin: 6px 12px 0 12px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    display: block;
    text-shadow: 0 -1px 1px #777;
    box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 1px #2c2c2c;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 1px #2c2c2c;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 1px #2c2c2c;
}

    .action-button:first-child {
        margin-top: 0;
    }

    .action-button:hover {
        opacity: 0.95;
        filter: alpha(opacity=95);
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
    }

    .action-button.blue {
        background: #57a4ce;
        background: -moz-linear-gradient(top, #57a4ce 0%, #3385ae 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a4ce), color-stop(100%,#3385ae));
        background: -webkit-linear-gradient(top, #57a4ce 0%,#3385ae 100%);
        background: -o-linear-gradient(top, #57a4ce 0%,#3385ae 100%);
        background: -ms-linear-gradient(top, #57a4ce 0%,#3385ae 100%);
        background: linear-gradient(to bottom, #57a4ce 0%,#3385ae 100%);
    }

        .action-button.blue:active {
            background: #4393bc;
        }

    .action-button.green {
        background: #7da138;
        background: -moz-linear-gradient(top, #a3cd54 0%, #7da138 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3cd54), color-stop(100%,#7da138));
        background: -webkit-linear-gradient(top, #a3cd54 0%,#7da138 100%);
        background: -o-linear-gradient(top, #a3cd54 0%,#7da138 100%);
        background: -ms-linear-gradient(top, #a3cd54 0%,#7da138 100%);
        background: linear-gradient(to bottom, #a3cd54 0%,#7da138 100%);
    }

        .action-button.green:active {
            background: #8eb73e;
        }

    .action-button.greyish {
        background: #757e88;
        background: -moz-linear-gradient(top, #757e88 0%, #56616f 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757e88), color-stop(100%,#56616f));
        background: -webkit-linear-gradient(top, #757e88 0%,#56616f 100%);
        background: -o-linear-gradient(top, #757e88 0%,#56616f 100%);
        background: -ms-linear-gradient(top, #757e88 0%,#56616f 100%);
        background: linear-gradient(to bottom, #757e88 0%,#56616f 100%);
    }

        .action-button.greyish:active {
            background: #67707c;
        }

    .action-button.red {
        background: #c24b40;
        background: -moz-linear-gradient(top, #c24b40 0%, #9e382f 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c24b40), color-stop(100%,#9e382f));
        background: -webkit-linear-gradient(top, #c24b40 0%,#9e382f 100%);
        background: -o-linear-gradient(top, #c24b40 0%,#9e382f 100%);
        background: -ms-linear-gradient(top, #c24b40 0%,#9e382f 100%);
        background: linear-gradient(to bottom, #c24b40 0%,#9e382f 100%);
    }

        .action-button.red:active {
            background: #b04238;
        }




/* # Content
================================================== */

.content > .body {
    padding: 20px;
}

.body {
    padding: 16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.body-o {
    padding-bottom: 5px;
}

.block {
    margin-top: 30px;
}

.wrapper {
    padding: 0 20px 20px 0;
    position: relative;
    clear: both;
    border-top: 3px solid #97BD47;
}

.content {
    margin: 20px 0 0 220px;
    background: url(../images/backgrounds/bg.png);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.subtitle {
    font-weight: bold;
    display: block;
}

    .subtitle code {
        margin-left: 6px;
        font-weight: normal;
    }

.body > .container > .block:first-child,
.body > .container > .row-fluid:first-child > .block,
.body > .container > .row-fluid:first-child [class*="span"] .block,
.body > .container > form:first-child > .block,
.body > .container > form:first-child > fieldset:first-child > .block {
    margin-top: 0;
}




/*===== Middle navigation =====*/

.midnav {
    text-align: center;
    margin-bottom: 30px;
}

    .midnav li {
        margin: 10px 10px 0 10px;
        position: relative;
        display: inline-block;
        text-align: center;
    }

        .midnav li a {
            padding: 10px 16px 5px 16px;
            display: block;
            font-weight: bold;
            white-space: nowrap;
            color: #626262;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            text-shadow: 0 1px #fff;
            border: 1px solid #d5d5d5;
            background: #ffffff;
            background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
            background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
            background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
            background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
            background: linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
            box-shadow: 0 1px 2px #eee;
            -webkit-box-shadow: 0 1px 2px #eee;
            -moz-box-shadow: 0 1px 2px #eee;
        }

            .midnav li a:hover {
                background: #fcfcfc;
                background: -moz-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop (100%,#f6f6f6));
                background: -webkit-linear-gradient(top, #fcfcfc 0%,#f6f6f6 100%);
                background: -o-linear-gradient(top, #fcfcfc 0%,#f6f6f6 100%);
                background: -ms-linear-gradient(top, #fcfcfc 0%,#f6f6f6 100%);
                background: linear-gradient(top, #fcfcfc 0%,#f6f6f6 100%);
            }

            .midnav li a:active {
                box-shadow: 0 1px 5px #fafafa inset, 0 1px 2px #ffffff;
                -webkit-box-shadow: 0 1px 5px #fafafa inset, 0 1px 2px #ffffff;
                -moz-box-shadow: 0 1px 5px #fafafa inset, 0 1px 2px #ffffff;
                background: #fafafa;
            }

            .midnav li a > span {
                display: block;
                line-height: 18px;
                font-weight: bold;
            }

        .midnav li strong {
            position: absolute;
            font-weight: bold;
            top: 3px;
            right: 3px;
            font-size: 11px;
            color: white;
            padding: 3px 5px;
            display: block;
            line-height: 12px;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            background: #BA6D6D;
            background: -moz-linear-gradient(top, #BA6D6D 0%, #934848 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BA6D6D), color-stop(100%,#934848));
            background: -webkit-linear-gradient(top, #BA6D6D 0%,#934848 100%);
            background: -o-linear-gradient(top, #BA6D6D 0%,#934848 100%);
            background: -ms-linear-gradient(top, #BA6D6D 0%,#934848 100%);
            background: linear-gradient(top, #BA6D6D 0%,#934848 100%);
        }


    .midnav.no-background {
        font-size: 0;
    }

        .midnav.no-background li {
            border-right: 1px dashed #ddd;
            padding: 0 10px;
            margin-left: -1px;
            margin-right: 0;
            border-left: 1px dashed #DDD;
        }

            .midnav.no-background li a {
                border: none;
                background: none;
                box-shadow: none;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                padding: 6px 14px 0 14px;
            }

                .midnav.no-background li a span {
                    font-size: 12px;
                }


    .midnav.midnav-font li a {
        padding: 15px 16px 4px 16px;
    }

        .midnav.midnav-font li a > i {
            font-size: 32px;
            margin-right: 0;
            display: block;
            float: none;
            width: auto;
            line-height: 22px;
        }

        .midnav.midnav-font li a > span {
            margin-top: 4px;
        }

.midnav-font.no-background li a {
    padding: 8px 12px 0 12px;
}


.easyPieChart {
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

    .easyPieChart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

.piechart span {
    font-weight: bold;
    display: block;
    margin-top: 6px;
}



/* ===  Charts  === */

.chart {
    height: 250px;
    z-index: 90;
    width: 100%;
}

.sidebar-chart > .chart {
    width: 100%;
    height: 220px;
    z-index: 90;
}

.with-legend {
    margin-top: 15px;
}

.with-annotation {
    margin-top: 30px;
}

.sidebar-chart {
    padding: 10px 6px 4px 12px;
    border-right: 1px solid #333;
    background: url('../images/backgrounds/opacity.png');
    box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
}

.legendLabel span {
    display: block;
    margin: 0 5px;
}

.legendColorBox {
    padding-left: 10px;
    vertical-align: top;
    padding-top: 8px;
}

    .legendColorBox div > div {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

    .legendColorBox:first-child {
        padding-left: 5px;
    }

.xAxis .tickLabel {
    margin-top: -5px;
}




/* # Form styles
================================================== */

.field-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    font-size: 14px;
    line-height: 1;
}

.req {
    margin-left: 5px;
    color: #DB6464;
}

.sliderSpecs > label {
    font-size: 11px;
    margin-right: 10px;
    margin-bottom: 0;
    display: inline-block;
}

.sliderSpecs > input {
    border: none;
    background: none !important;
    width: 30% !important;
    color: #3a70ab !important;
    border: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    font-weight: bold;
}

.rtl-inputs [class*="span"] {
    float: right;
}

.multiple {
    width: 100%;
    height: 200px;
    padding: 5px;
    border: 1px solid #dadada;
    box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
}



/* ===== Tags input  ===== */

div.tagsinput {
    border: 1px solid #dadada;
    background: #fff;
    padding: 5px;
    width: 100%;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

    div.tagsinput span.tag {
        border: 1px solid #a5d24a;
        display: block;
        float: left;
        padding: 0 8px;
        background: #cde69c;
        color: #638421;
        margin: 5px 5px 5px 5px;
        line-height: 23px;
        font-size: 11px;
    }

        div.tagsinput span.tag a {
            font-weight: bold;
            color: #82ad2b;
            font-size: 11px;
            float: right;
        }

    div.tagsinput input {
        width: 60px;
        border: none;
        padding: 6px 8px;
        background: transparent;
        margin: 5px 5px 0 4px;
    }

    div.tagsinput div {
        display: block;
        float: left;
    }

.tags_clear {
    clear: both;
    width: 100%;
    height: 0px;
}

.not_valid {
    background: #FBD8DB !important;
    color: #90111A !important;
}



/* ===== iPhone like checkboxes ===== */

.on_off .ibutton-label-off span {
    background: url(../images/elements/checkboxes/no.png) no-repeat;
    width: 8px;
    height: 9px;
    position: relative;
    left: -4px;
    display: block;
    top: 4px;
    float: right;
    padding-top: 0;
    margin-top: 2px;
    padding-right: 7px;
    text-indent: -9999px;
}

.on_off .ibutton-label-on span {
    background: url(../images/elements/checkboxes/yes.png) no-repeat;
    width: 11px;
    left: -1px;
    position: relative;
    height: 11px;
    top: 4px;
    display: block;
    float: right;
    padding-top: 0;
    margin-top: 1px;
    padding-right: 7px;
}

.on_off .ibutton-label-off {
    color: #fff;
    background-position: 100% 0;
    text-shadow: 0 1px #808080;
    text-align: right;
    right: 0;
    width: 95%;
}

.on_off .ibutton-container {
    height: 21px;
}

.on_off .ibutton-label-on {
    color: #fff;
    text-shadow: 0 1px #808080;
    left: 0;
    z-index: 1;
    background-position: 0 -52px;
}

.on_off .ibutton-label-off {
    background-position: 100% -52px;
}

.on_off .ibutton-label-on, .on_off .ibutton-label-off {
    height: 21px;
}

.on_off .ibutton-handle {
    height: 20px;
    background-position: 0 -73px;
}

.on_off .ibutton-handle-right {
    background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 100% -73px;
}

.on_off .ibutton-handle-middle {
    background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 50% -73px;
}

.on_off .ibutton-padding-left, .on_off .ibutton-padding-right {
    position: absolute;
    top: 0;
    z-index: 2;
    background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 0 -52px;
    width: 3px;
    height: 20px;
}

.on_off .ibutton-padding-right {
    background-position: 100% -52px;
}

.toggle-label {
    display: inline-block;
    vertical-align: 9px;
    margin-right: 8px;
}

.on_off .toggle-label {
    vertical-align: 6px;
}

.ibutton-container {
    position: relative;
    height: 26px;
    cursor: pointer;
    overflow: hidden;
    max-width: 400px;
    display: inline-block;
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -moz-user-focus: ignore;
    -moz-user-input: disabled;
    width: 89px;
    margin-right: 8px;
}

    .ibutton-container input {
        position: absolute;
        top: 0;
        left: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0.0;
        opacity: 0.0;
        -moz-user-input: enabled !important;
    }

.ibutton-handle {
    display: block;
    height: 25px;
    cursor: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 0 -26px;
    z-index: 3;
    padding-left: 3px;
    width: 33px;
}

.ibutton-handle-right {
    height: 100%;
    width: 100%;
    padding-right: 3px;
    background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 100% -26px;
    z-index: 3;
}

.ibutton-handle-middle {
    height: 100%;
    width: 100%;
    background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 50% -26px;
    z-index: 3;
}

div.ibutton-label-on, div.ibutton-label-off {
    white-space: nowrap;
    font-size: 11px;
    line-height: 26px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: inherit;
    display: block;
    height: 26px;
    position: absolute;
    width: auto;
    top: 0;
    overflow: hidden;
    text-align: center;
    background: transparent url(../images/elements/checkboxes/ibutton-slider-default.png) no-repeat scroll 0 0;
}

div.ibutton-label-on {
    color: #fff;
    text-shadow: 0 1px #808080;
    left: 0;
    z-index: 1;
}

    div.ibutton-label-on span {
        padding-left: 0px;
    }

div.ibutton-label-off {
    color: #fff;
    background-position: 100% 0;
    text-shadow: 0 1px #808080;
    text-align: right;
    right: 0;
    width: 95%;
}

    div.ibutton-label-off span label {
        padding-right: 10px;
        margin-left: -2px;
    }

.ibutton-padding-left {
    left: 0;
}

.ibutton-padding-right {
    right: 0;
}

.ibutton-disabled {
    cursor: not-allowed !important;
    opacity: 0.6;
    filter: alpha(opacity=60);
}



/* =====  Dual select boxes  ===== */

.dual-control .btn {
    padding: 0 8px;
    line-height: 24px;
    font-size: 11px;
    cursor: pointer;
    color: #999;
    height: 26px;
    margin: 2px 1px;
}

    .dual-control .btn:active {
        color: white;
    }

.left-box, .right-box {
    width: 40%;
    position: relative;
}

    .left-box .multiple, .right-box .multiple {
        height: 300px;
        margin-top: 15px;
    }

.left-box {
    float: left;
}

.right-box {
    float: right;
}

.filter {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 12px;
    background: none;
    border: none;
    color: gray;
}

.dual-control {
    text-align: center;
    width: 90px;
    margin: 150px 1px;
    position: absolute;
    left: 50%;
    margin-left: -45px;
}

.count-label {
    color: gray;
    font-style: italic;
    margin-top: 10px;
    display: block;
}

.box-filter {
    background: white;
    width: 100%;
    border: 1px solid #D5D5D5;
    padding: 7px 8px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}



/*===== Select2 styles =====*/

.select2-container {
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.selectMultiple {
    width: 100%;
}

.select2-container, .select2-drop, .select2-search, .select2-search input {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .select2-container .select2-choice {
        border: 1px solid #d5d5d5;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        line-height: 27px;
        height: 27px;
        padding: 1px 0 0 10px;
        text-decoration: none;
        font-size: 11px;
        color: #707070;
        background: #fcfcfc;
        background: -moz-linear-gradient(top, #fcfcfc 0%, #f4f4f4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f4f4f4));
        background: -webkit-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%);
        background: -o-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%);
        background: -ms-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%);
        background: linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
        -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
        -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
    }

.sidebar .select2-container .select2-choice span {
    color: #b3b3b3;
}

.sidebar .select2-container {
    width: 100%;
    margin-bottom: 14px;
    border: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: url(../images/backgrounds/opacity.png);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
}

    .sidebar .select2-container .select2-choice {
        background: none;
        border: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        height: 30px;
        line-height: 30px;
        padding-top: 0;
    }

        .sidebar .select2-container .select2-choice div {
            border-left-color: #2F2F2F;
            box-shadow: 1px 0 0 #404040 inset;
            -webkit-box-shadow: 1px 0 0 #404040 inset;
            -moz-box-shadow: 1px 0 0 #404040 inset;
        }

            .sidebar .select2-container .select2-choice div b {
                background-position: 7px 9px;
            }

.select2-container.select2-drop-above .select2-choice {
    -webkit-border-radius: 0px 0px 2px 2px;
    -moz-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px;
}

.select2-container .select2-choice span {
    margin-right: 32px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 8px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    outline: 0;
}

    .select2-container .select2-choice abbr:hover {
        cursor: pointer;
    }

.select2-drop {
    background: #fff;
    color: #000;
    border: 1px solid #dadada;
    position: absolute;
    top: 100%;
    z-index: 9998;
    width: 100%;
    margin-top: -1px;
    font-size: 11px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

    .select2-drop.select2-drop-above {
        -webkit-border-radius: 2px 2px 0px 0px;
        -moz-border-radius: 2px 2px 0px 0px;
        border-radius: 2px 2px 0px 0px;
        margin-top: 1px;
    }

.select2-container .select2-choice div {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-left: 1px solid #d2d2d2;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 21px;
}

    .select2-container .select2-choice div b {
        background: url(../images/elements/forms/sidebar_dropdown_arrows.png) no-repeat 7px 8px;
        display: block;
        width: 100%;
        height: 100%;
    }

.select2-search {
    display: inline-block;
    white-space: nowrap;
    z-index: 10000;
    width: 100%;
    margin: 5px 0;
    padding-left: 4px;
    padding-right: 4px;
}

.select2-search-hidden {
    display: block;
    position: absolute;
    left: -10000px;
}

.select2-search input {
    padding: 5px 20px 5px 6px;
    width: 100%;
    margin: 0;
    background: url(../images/elements/forms/dropdown-search.png) no-repeat 97%;
    height: 24px;
}

.select2-dropdown-open .select2-choice {
    border: 1px solid #ccc;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-results {
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
}

    .select2-results ul.select2-result-sub {
        margin: 0 0 0 0;
    }

        .select2-results ul.select2-result-sub > li .select2-result-label {
            padding-left: 20px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 40px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 60px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 80px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 100px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 110px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 120px;
        }

    .select2-results li {
        color: #5f5f5f;
    }

        .select2-results li.select2-result-with-children > .select2-result-label {
            font-weight: bold;
            color: #303030;
        }

    .select2-results .select2-result-label {
        padding: 3px 7px;
        margin: 0;
        cursor: pointer;
    }

    .select2-results .select2-highlighted {
        background: #3875d7;
        color: #fff;
    }

    .select2-results li em {
        background: #feffde;
        font-style: normal;
    }

    .select2-results .select2-highlighted em {
        background: transparent;
    }

    .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
        background: #f4f4f4;
        padding: 4px 8px;
        margin-top: 4px;
        border: 1px solid #e5e5e5;
    }

    .select2-results .select2-disabled {
        display: none;
    }

.select2-more-results.select2-active {
    background: #f4f4f4 url('spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    color: #999;
}

    .select2-container.select2-container-disabled .select2-choice div {
        background-color: #f4f4f4;
        background-image: none;
        border-left: 0;
    }

.select2-result-selectable .select2-match, .select2-result-unselectable .select2-result-selectable .select2-match {
    text-decoration: underline;
}

.select2-result-unselectable .select2-match {
    text-decoration: none;
}

.select2-offscreen {
    position: absolute;
    left: -10000px;
}


/* multiselect */

.select2-container-multi .select2-choices {
    min-height: 26px;
    border: 1px solid #DADADA;
    background: white;
    padding: 5px;
    width: 100%;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    cursor: text;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    position: relative;
}

    .select2-container-multi .select2-choices li {
        float: left;
        list-style: none;
    }

    .select2-container-multi .select2-choices .select2-search-field {
        white-space: nowrap;
        margin: 0;
        padding: 4px 0;
    }

        .select2-container-multi .select2-choices .select2-search-field input {
            width: 60px;
            border: none;
            padding: 6px 8px;
            height: 28px;
            background: transparent;
        }

            .select2-container-multi .select2-choices .select2-search-field input.select2-active {
                background: #fff url('spinner.gif') no-repeat 100% !important;
            }

    .select2-container-multi .select2-choices .select2-search-choice {
        border: 1px solid #A5D24A;
        display: block;
        float: left;
        padding: 6px 8px 5px 22px;
        background: #CDE69C;
        color: #638421;
        margin: 5px;
        line-height: 13px;
        font-size: 11px;
        position: relative;
        white-space: nowrap;
    }

        .select2-container-multi .select2-choices .select2-search-choice span {
            cursor: default;
        }

.select2-search-choice-close {
    display: block;
    position: absolute;
    top: 9px;
    width: 6px;
    height: 6px;
    font-size: 1px;
    background: url(../images/elements/forms/smallClose.png) no-repeat;
    outline: none;
}

.select2-container-multi .select2-search-choice-close {
    left: 7px;
}

/* disabled styles */

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #F8F8F8;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

    .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
        background-image: none;
        background-color: #F1F1F1;
        border: 1px solid #DDD;
        padding-left: 8px;
        color: #999;
    }

        .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search- choice-close {
            display: none;
        }




/* ===== Form styling  ===== */

.selector, .choice, .checker, .uploader, .selector *, .choice *, .checker *, .uploader * {
    margin: 0;
    padding: 0;
    cursor: pointer;
}

div.selector {
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%);
    background: linear-gradient(top, #fcfcfc 0%,#f4f4f4 100%);
    border: 1px solid #d5d5d5;
    line-height: 28px;
    height: 28px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
    -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
    -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    margin: 0;
    padding: 0 0 0 8px;
    cursor: pointer;
    width: auto;
    max-width: 280px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
}

    div.selector span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #707070;
        text-shadow: 0 1px #f5f5f5;
        padding: 1px 32px 0px 2px;
        background: url(../images/elements/forms/select-arrow.png) no-repeat 100% 0;
        cursor: pointer;
        font-size: 11px;
        height: 28px;
        line-height: 27px;
    }

    div.selector select {
        position: absolute;
        opacity: 0;
        filter: alpha(opacity:0);
        height: 27px;
        border: none;
        background: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: solid 1px white;
        width: 100%;
        top: 0px;
        left: 0px;
    }

.disabled {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.labelDisabled {
    color: #B7B7B7;
}

.sidebar .selector {
    width: 100%;
    margin-bottom: 14px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    color: #A2A2A2;
    background: url(../images/backgrounds/opacity.png);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
    border: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
    -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
    -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
}

    .sidebar .selector span {
        text-shadow: none;
        color: #f5f5f5;
        background: url(../images/elements/forms/sidebar_dropdown_usual.png) no-repeat 100%;
        height: 30px;
        line-height: 29px;
    }

/* Checkboxes */

div.checker {
    width: 16px;
    height: 16px;
    position: relative;
    display: -moz-inline-box;
    display: block;
    vertical-align: middle;
    zoom: 1;
    float: left;
    margin: 2px 8px 0 0;
    box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
}

    div.checker input {
        width: 16px;
        height: 16px;
        opacity: 0;
        filter: alpha(opacity:0);
        display: inline-block;
        background: none;
    }

    div.checker span {
        background: url(../images/elements/forms/checkboxes.png) no-repeat 0 0;
        height: 16px;
        width: 16px;
        display: -moz-inline-box;
        display: inline-block;
        text-align: center;
    }

        div.checker span.checked {
            background-position: 0 -17px;
        }

.sidebar .checker {
    box-shadow: 0 1px 1px #676767;
    -webkit-box-shadow: 0 1px 1px #676767;
    -moz-box-shadow: 0 1px 1px #676767;
}

    .sidebar .checker span {
        background: url(../images/elements/forms/sidebar_checkboxes.png) no-repeat 0 0;
    }

/* Radio buttons */

div.choice {
    width: 16px;
    height: 17px;
    position: relative;
    display: -moz-inline-box;
    display: block;
    vertical-align: middle;
    zoom: 1;
    float: left;
    margin-top: 2px;
    margin-right: 8px;
}

    div.choice input {
        width: 16px;
        height: 17px;
        opacity: 0;
        filter: alpha(opacity:0);
        display: inline-block;
        background: none;
    }

    div.choice span {
        background: url(../images/elements/forms/radios.png) no-repeat 0 0;
        height: 17px;
        width: 16px;
        display: -moz-inline-box;
        display: inline-block;
        text-align: center;
    }

        div.choice span.checked {
            background-position: 0 -18px;
        }

.sidebar .choice {
    margin-top: 3px;
}

    .sidebar .choice span {
        background: url(../images/elements/forms/sidebar_radios.png) no-repeat 0 0;
    }

/* File uploader */

div.uploader {
    width: 240px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    border: 1px solid #d7d7d7;
    background: #fdfdfd;
    padding: 2px 2px 2px 8px;
}

    div.uploader span.action {
        width: 22px;
        background: url(../images/elements/forms/add_files.png) no-repeat 0 0;
        height: 22px;
        font-size: 11px;
        font-weight: bold;
        cursor: pointer;
        float: right;
        text-indent: -9999px;
        display: inline;
        overflow: hidden;
        cursor: pointer;
    }

.sidebar .uploader {
    font-size: 11px;
    color: #b3b3b3;
    background: url(../images/backgrounds/opacity.png);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 3px 3px 3px 10px;
    width: 100%;
    border: none;
    margin-bottom: 14px;
    box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
    -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
    -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

    .sidebar .uploader .filename {
        color: #b3b3b3;
    }

    .sidebar .uploader input[type=file] {
        height: 32px;
    }

div.uploader:hover span.action {
    background-position: 0 -27px;
}

div.uploader:active span.action {
    background-position: 0 -54px;
}

div.uploader span.filename {
    color: #777;
    max-width: 200px;
    font-size: 11px;
    line-height: 22px;
    float: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

div.uploader input {
    width: 256px;
    opacity: 0;
    filter: alpha(opacity:0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    float: right;
    height: 26px;
    border: none;
    cursor: pointer;
}

.uploader {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}



/*===== Form wizard =====*/

.ui-formwizard fieldset h1 {
    padding: 8px 16px;
    font-size: 16px;
    border-bottom: 1px solid #EAEAEA;
    margin: 0;
    background: #FCFCFC;
    box-shadow: 0 1px 1px white inset;
    -webkit-box-shadow: 0 1px 1px white inset;
    -moz-box-shadow: 0 1px 1px white inset;
}

.ui-formwizard .form-actions {
    border-top: 1px solid #eaeaea;
    box-shadow: 0 1px 0 #fff inset;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
}

.submit-data span {
    font-size: 11px;
    text-align: center;
    border-top: 1px solid #eaeaea;
    padding: 12px 0;
    display: block;
    box-shadow: 0 1px 0 #fff inset;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
}



/*===== Progress bars =====*/

.progress {
    position: relative;
}

    .progress .bar {
        position: absolute;
        overflow: hidden;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        font-size: 11px;
        font-weight: bold;
        line-height: 13px;
        padding: 5px 0 4px 0;
    }

    .progress .progressbar-back-text {
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 11px;
        text-align: center;
        font-weight: bold;
    }

    .progress .progressbar-front-text {
        display: block;
        width: 100%;
        text-align: center;
    }

    .progress.right .bar {
        right: 0;
    }

    .progress.right .progressbar-front-text {
        position: absolute;
        right: 0;
    }

    .progress.vertical {
        width: 30px;
        height: 150px;
        float: left;
        margin-left: 22px;
    }

        .progress.vertical:first-child {
            margin-left: 0;
        }

        .progress.vertical.bottom {
            position: relative;
        }

    .progress .bar.six-sec-ease-in-out {
        -webkit-transition: width 6s ease-in-out;
        -moz-transition: width 6s ease-in-out;
        -ms-transition: width 6s ease-in-out;
        -o-transition: width 6s ease-in-out;
        transition: width 6s ease-in-out;
    }

    .progress.vertical .bar.six-sec-ease-in-out {
        -webkit-transition: height 6s ease-in-out;
        -moz-transition: height 6s ease-in-out;
        -ms-transition: height 6s ease-in-out;
        -o-transition: height 6s ease-in-out;
        transition: height 6s ease-in-out;
    }

    .progress.wide {
        width: 40px;
    }

    .progress.thin {
        width: 6px;
    }

.vertical-progressbar-span {
    height: 100px;
}

.progress.vertical.bottom .progressbar-front-text {
    position: absolute;
    bottom: 0;
}

.progress.vertical .bar {
    line-height: 24px;
    width: 100%;
    height: 0;
    -webkit-transition: height 0.6s ease;
    -moz-transition: height 0.6s ease;
    -o-transition: height 0.6s ease;
    transition: height 0.6s ease;
    background: #0e90d2;
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #149bdf, #0480be);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to (#0480be));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #149bdf, #0480be);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #149bdf, #0480be);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #149bdf, #0480be);
}

.progress.vertical.bottom .bar {
    position: absolute;
    bottom: 0;
}

.progress-danger.vertical .bar, .progress.vertical .bar-danger {
    background: #ec795d;
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #ec795d, #d1573a);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, 0 0, 0 100%, from(#ec795d), to (#d1573a));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #ec795d, #d1573a);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #ec795d, #d1573a);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #ec795d, #d1573a);
}

.progress-success.vertical .bar, .progress.vertical .bar-success {
    background: #7fd658;
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #7fd658, #6ab84e);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, 0 0, 0 100%, from(#7fd658), to (#6ab84e));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #7fd658, #6ab84e);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #7fd658, #6ab84e);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #7fd658, #6ab84e);
}

.progress-info.vertical .bar, .progress.vertical .bar-info {
    background: #57c2f3;
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #57c2f3, #31a7dd);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, 0 0, 0 100%, from(#57c2f3), to (#31a7dd));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #57c2f3, #31a7dd);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #57c2f3, #31a7dd);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #57c2f3, #31a7dd);
}

.progress-warning.vertical .bar, .progress.vertical .bar-warning {
    background: #eca558;
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #eca558, #e28131);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, 0 0, 0 100%, from(#eca558), to (#e28131));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #eca558, #e28131);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #eca558, #e28131);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #eca558, #e28131);
}

.progresses-left {
    float: left;
}

.progresses-right {
    float: right;
}

.inline-bars:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.inline-bars li {
    padding: 12px 0;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-shadow: 1px 0 0 #fff inset, -1px 0 0 #fff inset;
    -webkit-box-shadow: 1px 0 0 #fff inset, -1px 0 0 #fff inset;
    -moz-box-shadow: 1px 0 0 #fff inset, -1px 0 0 #fff inset;
    border-left: 1px solid #e5e5e5;
    display: block;
    float: left;
}

    .inline-bars li:first-child {
        border-left: none;
    }

.inline-bars > li > .progress.vertical:first-child {
    margin-left: auto;
}

.inline-bars > li > .progress.vertical {
    margin: 0 auto;
    float: none;
}




/* === Dividers === */

.separator {
    height: 0;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #fff;
    position: relative;
    margin-top: 30px;
}

    .separator > span {
        position: absolute;
        left: 50%;
        margin-left: -21px;
        background: #f4f4f4 url(../images/div.png) no-repeat 50%;
        width: 36px;
        padding: 0 3px;
        height: 9px;
        display: block;
        top: -4px;
    }

.well .separator > span {
    background-color: #fafafa;
}

.separator-reflected {
    width: 100%;
    border: 0;
    height: 1px;
    margin-bottom: 30px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0));
}

.separator-dashed {
    border-bottom: 1px dashed #fafafa;
    background: #ccc;
    margin-top: 30px;
}

.separator-shadow {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.2);
    margin-top: 30px;
}

.separator-doubled {
    padding: 0;
    height: 0;
    border: none;
    border-top: medium double #ccc;
    color: #333;
    text-align: center;
    margin-top: 30px;
}

    .separator-doubled:after {
        content: "§";
        display: inline-block;
        position: relative;
        top: -14px;
        font-size: 14px;
        padding: 0 8px;
        color: #999;
        background: url(../images/backgrounds/bg.png);
    }

.well .separator-doubled:after {
    background: #fafafa;
}

.sidebar .separator {
    border-top: 1px solid #282828;
    border-bottom: 1px solid #5C5C5C;
    margin-top: 0;
    margin-bottom: 30px;
}

.sidebar .separator-doubled {
    border-top: medium double #676767;
    color: #333;
    margin-top: 0;
    margin-bottom: 30px;
}

    .sidebar .separator-doubled:after {
        color: #999;
        background: url(../images/backgrounds/default.jpg);
    }

.sidebar .separator-alt {
    padding: 0;
    height: 0;
    border-top: 1px solid #282828;
    border-bottom: 1px solid #5C5C5C;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
}

    .sidebar .separator-alt:after {
        content: "§";
        display: inline-block;
        position: relative;
        top: -14px;
        font-size: 14px;
        padding: 0 8px;
        color: #888;
        background: url(../images/backgrounds/default.jpg);
    }



/* ===== Widget toolbar ===== */

.toolbar {
    border-bottom: 1px solid #ddd;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #fefefe 0%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #f6f6f6 100%);
    background: linear-gradient(top, #fefefe 0%, #f6f6f6 100%);
}

    .toolbar:after {
        content: "";
        display: block;
        clear: both;
    }

    .toolbar li {
        display: block;
        float: left;
        border-right: 1px solid #DDD;
        font-size: 11px;
    }

        .toolbar li a {
            display: inline-block;
            white-space: nowrap;
            color: #818181;
            padding: 7px 12px;
        }

            .toolbar li a:hover {
                color: #327394;
                background: #fbfbfb;
                background: -moz-linear-gradient(top, #fbfbfb 0%, #f8f8f8 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop (100%,#f8f8f8));
                background: -webkit-linear-gradient(top, #fbfbfb 0%,#f8f8f8 100%);
                background: -o-linear-gradient(top, #fbfbfb 0%,#f8f8f8 100%);
                background: -ms-linear-gradient(top, #fbfbfb 0%,#f8f8f8 100%);
                background: linear-gradient(top, #fbfbfb 0%,#f8f8f8 100%);
            }

            .toolbar li a:active {
                background: #f8f8f8;
                color: #999999;
            }

            .toolbar li a i {
                font-size: 14px;
                float: left;
                display: inline-block;
                width: 14px;
                margin-right: 0;
                margin-top: 4px;
            }

            .toolbar li a img {
                display: inline-block;
                float: left;
                margin-top: 4px;
            }

            .toolbar li a span {
                margin-left: 8px;
            }




/* Messages page
================================================== */

.messages li {
    position: relative;
    min-height: 36px;
    margin-top: 20px;
}

    .messages li:first-child {
        margin-top: 0;
    }

.messages > li.divider {
    border-top: 1px solid #DFDFDF !important;
    margin: 20px 0 20px 0 !important;
    min-height: 0;
}

    .messages > li.divider > span {
        background-color: #f5f5f5 !important;
    }

.messages .by-user > a, .messages .by-me > a {
    position: absolute;
    top: 0;
    display: block;
}

.messages .by-user > a {
    left: 0;
}

.messages .by-me > a {
    right: 0;
}

.messages .by-user .arrow, .messages .by-me .arrow {
    width: 8px;
    height: 9px;
    position: absolute;
    top: 12px;
}

.messages .by-user .arrow {
    background: url(../images/elements/other/messageArrow_left.png) no-repeat;
    left: -8px;
}

.messages .by-me .arrow {
    background: url(../images/elements/other/messageArrow_right.png) no-repeat;
    right: -8px;
}

.messages .by-user .area, .messages .by-me .area {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 8px 12px;
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid;
}

.messages .by-user .area {
    background: #fafeff;
    border-color: #b5cdd7;
    margin-left: 52px;
}

.messages .by-me .area {
    background: #fff;
    border-color: #dcdcdc;
    margin-right: 52px;
}

.messages .area > p {
    margin: 0;
}

.by-user .pull-left > strong {
    color: #2c596d;
}

.by-me .pull-left > strong {
    color: #393939;
}

.info-row {
    font-size: 11px;
    color: #949494;
    margin-bottom: 4px;
}

    .info-row:after {
        content: "";
        display: block;
        clear: both;
    }

.message {
    overflow: hidden;
    padding: 16px 0 8px;
    border-bottom: 1px solid #ddd;
    *zoom: 1;
}

    .message:first-child {
        padding-top: 0;
    }

.message-img {
    float: left;
    margin-right: 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: hidden;
}

.message p {
    margin: 0;
}

.message-img img {
    display: block;
    width: 44px;
    height: 44px;
}

.message-body {
    margin-left: 74px;
}

.message .text {
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #fff;
}

.message .attribution {
    margin: 6px 0 0;
    font-size: 11px;
    color: #666;
}

.timeline-messages, .message {
    position: relative;
}

    .timeline-messages:before, .message:before, .message .text:before {
        content: "";
        position: absolute;
        top: 0;
        left: 65px;
    }

    .timeline-messages:before {
        width: 2px;
        top: 0;
        bottom: 0;
        background: rgba(0,0,0,0.1);
        left: 58px;
    }

    .message:before {
        width: 8px;
        height: 8px;
        border: 2px solid #fafafa;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        margin: 32px 0 0 -12px;
        background: #ccc;
    }

    .message:first-child:before {
        margin-top: 16px;
    }

    .message:hover:before {
        background: #fa9e0e;
    }


/* Enter message field  */

.enter-message {
    position: relative;
    margin-top: -2px;
    margin-bottom: 4px;
}

.enter-message-divider {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 20px -16px;
}

.enter-message.for-messages {
    margin-top: 0;
}

.message-actions {
    margin-bottom: -5px;
}

    .message-actions:after {
        content: "";
        display: block;
        clear: both;
    }

.enter-message textarea {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    display: block;
    border: 1px solid #d5d5d5;
    box-shadow: 0 1px 1px #fafafa;
    -webkit-box-shadow: 0 1px 1px #fafafa;
    -moz-box-shadow: 0 1px 1px #fafafa;
    padding: 10px;
    color: #404040;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.send-button {
    display: block;
    float: right;
    margin-top: 15px;
}

    .send-button .attach-link, .send-button .attach-photo {
        opacity: .4;
        filter: alpha(opacity=40);
        display: block;
        float: left;
        margin: 9px 0 0 12px;
    }

        .send-button .attach-link:hover, .send-button .attach-photo:hover {
            opacity: 1;
            filter: alpha(opacity=100);
            -webkit-transition: opacity 0.2s ease-in-out;
            -moz-transition: opacity 0.2s ease-in-out;
            transition: opacity 0.2s ease-in-out;
        }

    .send-button .attach-link {
        width: 12px;
        height: 12px;
        background: url(../images/elements/other/link.png) no-repeat;
    }

    .send-button .attach-photo {
        width: 14px;
        height: 11px;
        background: url(../images/elements/other/photo.png) no-repeat;
    }

    .send-button input[type=submit] {
        float: left;
        display: block;
        margin: 0 0 0 12px;
    }

.user-is-typing {
    float: left;
    color: #999;
    font-size: 11px;
    font-style: italic;
    margin-top: 18px;
    white-space: nowrap;
}

    .user-is-typing > img {
        display: block;
        float: left;
        margin: 4px 8px 0 0;
    }




/* ===== Datatables ===== */

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
}

.dataTables_length {
    float: right;
    padding: 12px 10px;
    display: block;
}

    .dataTables_length > label > span {
        float: left;
        margin-top: 3px;
    }

    .dataTables_length .selector {
        margin-left: 10px;
        line-height: 26px;
        height: 26px;
    }

        .dataTables_length .selector > span {
            height: 26px;
            line-height: 26px;
            background-position: 100% -1px;
            padding-top: 0;
        }

        .dataTables_length .selector select {
            height: 26px;
        }

.show-entries {
    float: left;
    margin: 4px 15px 0 0;
}

.dataTables_filter {
    padding: 14px 12px;
    position: relative;
    display: block;
    float: left;
}

    .dataTables_filter > label, .dataTables_length > label {
        margin: 0;
    }

    .dataTables_filter label > span {
        display: block;
        float: left;
        padding-top: 1px;
    }

    .dataTables_filter input[type=text] {
        height: auto;
        padding: 4px 20px 4px 7px;
        margin-left: 15px;
        width: 180px;
        background: #f9f9f9;
        box-shadow: 0 1px 0 #fff;
        -webkit-box-shadow: 0 1px 0 #fff;
        -moz-box-shadow: 0 1px 0 #fff;
        border: 1px solid #d7d7d7;
    }

.dataTables_info {
    padding: 12px;
    display: block;
    float: left;
}

.tableFooter {
    clear: both;
    padding: 8px 12px;
    height: 36px;
    font-size: 11px;
    color: #636363;
    border-top: 1px solid #cdcdcd;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    background: #f8f8f8;
    background: -moz-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top, #f8f8f8 0%,#efefef 100%);
    background: -o-linear-gradient(top, #f8f8f8 0%,#efefef 100%);
    background: -ms-linear-gradient(top, #f8f8f8 0%,#efefef 100%);
    background: linear-gradient(top, #f8f8f8 0%,#efefef 100%);
}

.dataTables_paginate {
    float: right;
    margin: 12px;
}

    .dataTables_paginate .last {
        margin-right: 0 !important;
    }

.datatable-header {
    border-bottom: 1px solid #ddd;
}

.datatable-footer {
    border-top: 1px solid #ddd;
    padding: 1px 0;
}

.datatable-footer {
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
    background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
}

.datatable-header {
    background: #fafafa;
}

    .datatable-header:after, .datatable-footer:after {
        content: "";
        display: block;
        clear: both;
    }

/* Two button pagination - previous / next */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}

    .paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover,
    .paginate_enabled_next:hover {
        text-decoration: none !important;
    }

    .paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active,
    .paginate_enabled_next:active {
        outline: none;
    }

.paginate_disabled_previous, .paginate_disabled_next {
    color: #666 !important;
}

.paginate_disabled_previous, .paginate_enabled_previous {
    padding-left: 23px;
}

.paginate_disabled_next, .paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_enabled_previous {
    background: url('../images/tables/back_enabled.png') no-repeat top left;
}

    .paginate_enabled_previous:hover {
        background: url('../images/tables/back_enabled_hover.png') no-repeat top left;
    }

.paginate_disabled_previous {
    background: url('../images/tables/back_disabled.png') no-repeat top left;
}

.paginate_enabled_next {
    background: url('../images/tables/forward_enabled.png') no-repeat top right;
}

    .paginate_enabled_next:hover {
        background: url('../images/tables/forward_enabled_hover.png') no-repeat top right;
    }

.paginate_disabled_next {
    background: url('../images/tables/forward_disabled.png') no-repeat top right;
}

/* Full number pagination */
.paging_full_numbers {
    height: 22px;
    line-height: 22px;
}

    .paging_full_numbers .next:active, .paging_full_numbers .first:active, .paging_full_numbers .previous:active,
    .paging_full_numbers .last:active {
        font-weight: normal !important;
    }

    .paging_full_numbers a:active {
        outline: none;
    }

    .paging_full_numbers a:hover {
        text-decoration: none;
    }

    .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
        border: 1px solid #d3d3d3;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 5px 8px;
        margin: 0 3px;
        cursor: pointer;
        *cursor: hand;
        color: #919191;
        font-size: 11px;
        box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eaeaea;
        -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eaeaea;
        -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eaeaea;
    }

    .paging_full_numbers a.paginate_button {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
        background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
    }

        .paging_full_numbers a.paginate_button:hover {
            background: #fcfcfc;
            color: #327394;
        }

        .paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button:active {
            background: #6f6f6f;
            color: #fff;
            border-color: #646464;
            box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
            -webkit-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
            -moz-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff;
            font-weight: bold;
        }

.paginate_button_disabled, .paginate_button_disabled:active {
    background: #F9F9F9 !important;
    color: #CCC !important;
    box-shadow: none !important;
    font-weight: normal !important;
    border: 1px solid #E5E5E5 !important;
}

    .paginate_button_disabled:active {
        border-color: #d3d3d3 !important;
    }

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

.sorting {
    background: url('../images/tables/sort_both.png') no-repeat 100% 8px;
}

.sorting_asc {
    background: url('../images/tables/sort_asc.png') no-repeat 100% 8px;
}

.sorting_desc {
    background: url('../images/tables/sort_desc.png') no-repeat 100% 8px;
}

.sorting_asc_disabled {
    background: url('../images/tables/sort_asc_disabled.png') no-repeat 100% 8px;
}

.sorting_desc_disabled {
    background: url('../images/tables/sort_desc_disabled.png') no-repeat 100% 8px;
}

table.dataTable th:active {
    outline: none;
}

.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}



/*===== jGrowl styling =====*/

.jGrowl {
    z-index: 9999;
    color: #fff;
    font-size: 12px;
}

.ie6 {
    position: absolute;
}

.jGrowl {
    position: absolute;
}

body > .jGrowl {
    position: fixed;
}

.jGrowl.top-left {
    left: 0px;
    top: 0px;
}

.jGrowl.top-right {
    right: 10px;
    top: 0px;
}

.jGrowl.bottom-left {
    left: 0px;
    bottom: 0px;
}

.jGrowl.bottom-right {
    right: 0px;
    bottom: 0px;
}

.jGrowl.center {
    top: 0px;
    width: 50%;
    left: 25%;
}

.center .jGrowl-notification, .center .jGrowl-closer {
    margin-left: auto;
    margin-right: auto;
}

.jGrowl .jGrowl-notification {
    border: 1px solid #3485ae;
    opacity: .95;
    filter: alpha(Opacity=95);
    zoom: 1;
    width: 194px;
    padding: 8px 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    text-align: left;
    display: none;
    background: #56a4ce;
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #56a4ce 0%, #3485ae 100%);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color- stop(0%,#56a4ce), color-stop(100%,#3485ae));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #56a4ce 0%,#3485ae 100%);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #56a4ce 0%,#3485ae 100%);
    background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top, #56a4ce 0%,#3485ae 100%);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top, #56a4ce 0%,#3485ae 100%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset;
}

.jGrowl-notification.growl-error {
    border: 1px solid #9E382F;
    background: #C24B40;
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #C24B40 0%, #9E382F 100%);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color- stop(0%,#C24B40), color-stop(100%,#9E382F));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #C24B40 0%,#9E382F 100%);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #C24B40 0%,#9E382F 100%);
    background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top, #C24B40 0%,#9E382F 100%);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top, #C24B40 0%,#9E382F 100%);
}

.jGrowl-notification.growl-success {
    border: 1px solid #7d9f3d;
    background: #a3c85b;
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #a3c85b 0%, #7d9f3d 100%);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color- stop(0%,#a3c85b), color-stop(100%,#7d9f3d));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #a3c85b 0%,#7d9f3d 100%);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #a3c85b 0%,#7d9f3d 100%);
    background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top, #a3c85b 0%,#7d9f3d 100%);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top, #a3c85b 0%,#7d9f3d 100%);
}

.jGrowl-notification.growl-warning {
    border: 1px solid #b06f38;
    background: #d79957;
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #d79957 0%, #b06f38 100%);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color- stop(0%,#d79957), color-stop(100%,#b06f38));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #d79957 0%,#b06f38 100%);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #d79957 0%,#b06f38 100%);
    background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top, #d79957 0%,#b06f38 100%);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top, #d79957 0%,#b06f38 100%);
}

.jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer {
    margin: 13px;
}

    .jGrowl .jGrowl-notification .jGrowl-header {
        font-weight: bold;
        font-size: 10px;
        text-shadow: 0 1px 0 #777;
        text-transform: uppercase;
    }

    .jGrowl .jGrowl-notification .jGrowl-close {
        z-index: 99;
        float: right;
        font-weight: bold;
        font-size: 12px;
        cursor: pointer;
    }

.jGrowl .jGrowl-closer {
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    background: #333;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0 1px 0 #595959, 0 1px 0 #222 inset;
    -webkit-box-shadow: 0 1px 0 #595959, 0 1px 0 #222 inset;
    -moz-box-shadow: 0 1px 0 #595959, 0 1px 0 #222 inset;
    color: #BBB;
    width: 220px;
}

@media print {
    .jGrowl {
        display: none;
    }
}



/*===== Note alerts =====*/

.note {
    text-align: center;
    border-top: 1px solid #3485ae;
    border-bottom: 1px solid #3485ae;
    color: #fff;
    box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset;
    font-size: 12px;
    padding: 9px 35px 8px 35px;
    background: #56a4ce url(../images/elements/ui/progress_overlay.png);
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #56a4ce 0%, #3485ae 100%);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color- stop(0%,#56a4ce), color-stop(100%,#3485ae));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #56a4ce 0%,#3485ae 100%);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #56a4ce 0%,#3485ae 100%);
    background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top, #56a4ce 0%,#3485ae 100%);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top, #56a4ce 0%,#3485ae 100%);
}

    .note .close {
        position: relative;
        top: 1px;
        right: -21px;
        line-height: 20px;
        color: #fff;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

        .note .close:hover {
            color: #fff;
            opacity: 1;
            filter: alpha(opacity=100);
        }

.note-warning {
    border-top: 1px solid #e28131;
    border-bottom: 1px solid #e28131;
    background: #eca558 url(../images/elements/ui/progress_overlay.png);
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #eca558 0%, #e28131 100%);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color- stop(0%,#eca558), color-stop(100%,#e28131));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #eca558 0%,#e28131 100%);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #eca558 0%,#e28131 100%);
    background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top, #eca558 0%,#e28131 100%);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top, #eca558 0%,#e28131 100%);
}

.note-success {
    border-top: 1px solid #7EA437;
    border-bottom: 1px solid #7EA437;
    background: #AAD15F url(../images/elements/ui/progress_overlay.png);
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #AAD15F 0%, #7EA437 100%);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color- stop(0%,#AAD15F), color-stop(100%,#7EA437));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #AAD15F 0%,#7EA437 100%);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #AAD15F 0%,#7EA437 100%);
    background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top, #AAD15F 0%,#7EA437 100%);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top, #AAD15F 0%,#7EA437 100%);
}

.note-danger {
    border-top: 1px solid #d1573a;
    border-bottom: 1px solid #d1573a;
    background: #ec795d url(../images/elements/ui/progress_overlay.png);
    background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #ec795d 0%, #d1573a 100%);
    background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color- stop(0%,#ec795d), color-stop(100%,#d1573a));
    background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top, #ec795d 0%,#d1573a 100%);
    background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #ec795d 0%,#d1573a 100%);
    background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top, #ec795d 0%,#d1573a 100%);
    background: url(../images/elements/ui/progress_overlay.png), linear-gradient(top, #ec795d 0%,#d1573a 100%);
}




/* ===== Syntax highlighter ===== */

.com {
    color: #93a1a1;
}

.lit {
    color: #195f91;
}

.pun, .opn, .clo {
    color: #93a1a1;
}

.fun {
    color: #dc322f;
}

.str, .atv {
    color: #ca3131;
}

.kwd, .prettyprint .tag {
    color: #1e347b;
}

.typ, .atn, .dec, .var {
    color: teal;
}

.pln {
    color: #48484c;
}

.prettyprint {
    padding: 8px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
}

    .prettyprint.linenums {
        -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
        -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
        box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
    }

ol.linenums {
    margin: 0 0 0 33px;
    list-style-type: decimal;
}

    ol.linenums li {
        padding-left: 12px;
        color: #bebec5;
        line-height: 20px;
        text-shadow: 0 1px 0 #fff;
    }



/* ===== Search widget  ===== */

.search-block {
    position: relative;
    box-shadow: 0 1px 1px #fcfcfc;
    -webkit-box-shadow: 0 1px 1px #fcfcfc;
    -moz-box-shadow: 0 1px 1px #fcfcfc;
}

    .search-block input[type=text] {
        border: 1px solid #cdcdcd;
        padding: 9px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
    }

    .search-block button {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        max-height: 100%;
        padding: 7px 8px;
        z-index: 99;
        border-radius: 0 2px 2px 0;
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        margin: 0;
    }

    .search-block .search {
        width: 12px;
        height: 14px;
        display: block;
        background: url('../images/icons/icon-search.png') no-repeat;
    }

    .search-block button:active > .search {
        background-position: -12px 0;
    }



/* ===== News widget  ===== */

.table-stats tbody td:first-child a {
    font-weight: bold;
    font-size: 14px;
    color: #5f5f5f;
}

.stats-plus, .stats-minus {
    padding-left: 20px;
}

.stats-plus {
    background: url(../images/elements/other/grown.png) no-repeat 0 1px;
    color: #468847;
}

.stats-minus {
    background: url(../images/elements/other/dropped.png) no-repeat 0 1px;
    color: #B94A48;
}



/* ===== News widget  ===== */

.updates li {
    border-top: 1px solid #ddd;
    padding: 10px 14px;
    line-height: 20px;
}

    .updates li:first-child {
        border-top: none;
    }

    .updates li span {
        display: block;
    }

    .updates li > span > a {
        font-weight: bold;
    }

.updates .item {
    float: left;
    width: 80%;
    margin-top: 2px;
}

    .updates .item span {
        line-height: 14px;
    }

    .updates .item > .headline {
        float: left;
        margin-right: 14px;
    }

        .updates .item > .headline > img {
            display: block;
        }

    .updates .item .announce > a {
        font-weight: bold;
        line-height: 18px;
    }

.updates .date {
    float: right;
    width: 30px;
    text-align: center;
    color: #bbbbbb;
    margin: 3px 0 0 0;
    text-shadow: 0 1px #fff;
}

    .updates .date > span {
        font-size: 20px;
        font-weight: bold;
        display: block;
        margin-bottom: -3px;
    }

.updates li:after {
    content: "";
    display: block;
    clear: both;
}




/* # Error and offline pages
================================================== */

.error-page {
    position: absolute;
    top: 50%;
    bottom: 0;
    margin-top: -240px;
    text-align: center;
    left: 0;
    right: 0;
}

    .error-page .error-content {
        width: 350px;
        margin: auto;
        margin-top: 35px;
    }

    .error-page .reason-title {
        display: block;
        margin: 20px 0 20px 0;
        font-weight: bold;
        color: #eee;
        font-size: 14px;
    }

    .error-page .reason {
        color: #fff;
        font-size: 200px;
        text-stroke: 1px transparent;
        padding: 110px 0 80px 0;
        display: block;
        text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba (0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
    }

    .error-page .error-buttons {
        margin-top: 16px;
    }

        .error-page .error-buttons > .btn {
            margin-top: 10px;
        }




/*===== Dates range list =====*/

.dates-range li {
    float: left;
    display: block;
    width: 30%;
}

    .dates-range li.sep {
        margin: 3px 5px;
        color: #ddd;
        width: 2%;
        text-align: center;
    }

    .dates-range li input[type=text] {
        width: 100%;
    }


/*new style start on 30-7-14*/
.family-block-r-o {
    padding: 15px;
}

    .family-block-r-o .right-fieldset-block {
        margin: 0;
        width: 100%;
    }

.family-block-l-o .fieldset-form span {
    float: left;
    margin-right: 0;
    max-width: 210px;
    padding: 0 15px 0 0;
}

.family-block-l-o #MailToValue, .family-block-l-o .zone-block span {
    width: 100%;
}

.family-block-l-o .block-new .address-block-inner label {
    float: left;
    max-width: none;
    width: 10%;
}

.family-block-l-o .address-block-inner span {
    float: left;
    max-width: none;
    width: 90%;
}

.family-block-l-o .tele-span1 {
    float: left;
    margin: 0;
    max-width: 210px;
    padding: 0 0px 0 0;
    width: 100% !important;
    padding-right: 14px;
}

.family-block-l-o .tele-span2 {
    float: left;
    margin: 0;
    max-width: 93px;
    padding-top: 5px;
    width: 100% !important;
}

.emergency-block-o * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.emergency-block-o .address-block-inner label {
    float: left;
    max-width: 130px;
    width: 100%;
}

.emergency-block-o .address-block-inner .address-l span {
    max-width: 225px;
}

.emergency-block-o .address-block-inner span {
    width: 75%;
}

.divFamilyUserDefinedInner-o * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.divFamilyUserDefinedInner-o:after {
    clear: both;
    content: "";
    display: table;
}

.divFamilyUserDefinedInner-o .userdefined-block-inner label {
    max-width: 194px;
}


.emergency-block-o {
    max-width: none;
}



.family-block-l-o .family-block-inner-o label {
    float: left;
    width: 15%;
    max-width: none;
    padding: 3px 12px 0 0;
}

.family-block-l-o .family-block-inner-o span {
    width: 85%;
}

.family-block-l-o .fieldset-block {
    width: 100%;
}

.block-new .address-block-inner.address-row-o .address-l {
    width: 50%;
    padding: 0 20px 0 0;
}

    .block-new .address-block-inner.address-row-o .address-l p {
        overflow: hidden;
    }

.block-new .address-block-inner.address-row-o .last-address-o {
    padding: 0;
}

.block-new .address-row-o .address-l.address-l-col-o label {
    width: 21.1%;
}

.block-new .address-row-o .address-l.address-l-col-o span {
    max-width: none;
    width: 78.8%;
}



.block-new .address-row-o .address-block-inner .last-address-o {
    padding: 0;
}

/*new style end on 30-7-14*/


/* # Media queries
================================================== */




.outer {
    border: 1px solid #D2D2D2;
    padding: 17px 10px 10px;
    position: relative;
    width: 100%;
    margin: 5px 0;
}

    .outer .head {
        background: #FAFAFA;
        font-weight: bold;
        left: 5px;
        padding: 0 5px;
        position: absolute;
        top: -10px;
    }

.error {
    border: 1px solid red !important;
}


* {
    margin: 0;
    padding: 0;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
}

input[type="text"], select, textarea {
    color: #6A6A6A;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 3px 7px;
}

body {
    color: #5F5F5F;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 22px;
}

.family-block ul, .family-block li {
    list-style: none outside none;
}

.family-block h1, .family-block h2, .family-block h3, .family-block h4, .family-block h5, .family-block h6 {
    font-weight: normal;
}

.family-block * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}


.tele-span1 {
    width: 54% !important;
}

.tele-span2 {
    padding-top: 5px;
    width: 30% !important;
}



.family-block img {
    border: medium none;
    height: auto;
    max-width: 100%;
}

.family-block:after {
    clear: both;
    content: "";
    display: table;
}

.family-block {
    background: none repeat scroll 0 0 #FAFAFA;
    padding-left: 1%;
    padding-right: 1%;
}

.family-block-l {
    float: left;
    width: 67%;
}

.family-head p label, .family-head p span {
    display: inline-block;
    vertical-align: top;
}

.family-head p label {
    padding: 3px 0 0 0;
    width: 15%;
}

.family-head p .label-custom-o {
    padding: 0;
}

.family-head p span {
    width: 84%;
}

.family-block input[type="text"], .family-block p span input[type="email"], .family-block p span input[type="password"] {
    width: 100%;
}

.fieldset-block {
    border: 1px solid #DADADA;
    padding: 10px;
    width: 100%;
    float: left;
}


/**********+++++++++++++++*************/
.family-form-rw {
    width: 100%;
    float: left;
}

.fieldset-block2 {
    padding: 10px;
}

.fieldset-block legend {
    border: medium none;
    width: auto;
}

.fieldset-form span {
    display: inline-block;
    margin-right: 4px;
    max-width: 180px;
    vertical-align: top;
    width: 100%;
}

.fieldset-form .checkbox-rw {
    margin: 7px 0 0;
}

.fieldset-cmn {
    display: inline-block;
    vertical-align: top;
}

    .fieldset-cmn .fieldset-block {
        min-height: 100px;
    }

.fieldset-box {
    width: 40%;
}

.fieldset-box2 {
    width: 19%;
}

.fieldset-box3 {
    width: 40%;
}

.zone-block span {
    display: inline-block;
    width: 100px;
}

.fieldset-box span {
    display: inline-block;
    margin: 0 4px 0 0;
}

.fieldset-box3 span {
    display: inline-block;
    width: 90px;
}

.address-block-inner {
}

    .address-block-inner label, .address-block-inner span {
        display: inline-block;
        vertical-align: top;
    }

    .address-block-inner label {
        float: left;
        max-width: 175px;
        padding: 3px 8px 0 0;
        width: 100%;
    }

    .address-block-inner span {
        width: 80%;
    }

.address-l {
    float: left;
    width: 37%;
}

.address-block-inner .address-l span {
    max-width: 170px;
    width: 100%;
    /*Added for Emergency contact 22May*/
}




.userdefined-block-inner {
    padding: 0 0 8px;
}

    .userdefined-block-inner label, .userdefined-block-inner span {
        display: inline-block;
        vertical-align: top;
    }

    .userdefined-block-inner label {
        max-width: 200px;
        padding: 3px 15px 0 0;
        width: 100%;
    }

    .userdefined-block-inner span {
        width: 90%;
    }

.userdefined {
    display: inline-block;
    width: 90%;
}

.userdefined-block-inner .userdefined span {
    max-width: 170px;
    width: 100%;
}



.family-btn {
    margin: 8px 0;
    text-align: right;
}

div.family-btn input.btn-info {
    background: -moz-linear-gradient(center top, #6DB5D5 0%, #4A91C0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    width: 150px;
}

.fieldset-form input[type="text"], .fieldset-form input[type="email"], .fieldset-form input[type="pass"], .fieldset-form select, .fieldset-form textarea {
    width: 100%;
}

.family-block-r {
    border: 1px solid #E5E5E5;
    float: right;
    /*padding: 10px;*/
    width: 30%;
}

.TempImageFixSize {
    width: 200px !important;
    height: 180px !important;
}

.family-block-r:after {
    clear: both;
    content: "";
    display: table;
}

.portrait-block {
    text-align: center;
}

    .portrait-block img {
        width: 200px;
        /* max-height: 180px;*/
    }

.family-foot-btn {
    padding: 15px 0;
    text-align: center;
    clear: both;
}

div.family-foot-btn-inr {
    display: inline-block;
    padding: 0 3px 0 0;
    margin-bottom: 5px;
}


    div.family-foot-btn-inr input.btn-info {
        display: inline-block;
        min-width: 130px;
        padding: 8px 10px;
    }



div.tab-block {
    display: inline-block;
    vertical-align: top;
    width: 47%;
}

div.tab-block-mailto {
    display: inline-block;
    width: 47%;
}

    div.tab-block-mailto label {
        padding: 0 15px 0 0;
        width: 100%;
    }


#MailToValue {
    width: 200%;
}

.NonEdit {
    display: none;
}

.loading-image {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    opacity: 0.5;
}

.loader {
    /*display: block;
    width: auto;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-left: -50px;
    margin-top: -100px;
    z-index: 2000;
    /*overflow: auto;
     opacity: 0.4;
    background-color: rgba(0,0,0,0.7);*/
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20000;
}


.divblock-l {
    display: inline-block;
    width: 30%;
}

.divblock-inner span {
    max-width: 150px;
    width: 100%;
}


.divblock-inner label {
    max-width: 100px;
    padding: 0 15px 0 0;
    width: 100%;
}

.divblock-m {
    display: inline-block;
    width: 30%;
}

.divblock-r {
    display: inline-block;
    width: 30%;
}



/**24-05-2014**/
.block-new .address-block-inner {
    margin-bottom: 10px;
}

    .block-new .address-block-inner label {
        display: inline-block;
        width: auto;
    }

    .block-new .address-block-inner .address-l {
        width: 49%;
    }

        .block-new .address-block-inner .address-l span {
            max-width: 194px;
        }

.fieldsetbox_new {
    width: 49.3%;
}






/*10-06-2014*/
.dgrey {
    background: none repeat scroll 0 0 #FFFFFF;
}

    .dgrey [class^="well"], [class*=" well"] {
        border: 1px solid #dadada;
    }

    .dgrey .navbar-inner {
        background: #d8d8d8; /* Old browsers */
        background: -moz-linear-gradient(top, #d8d8d8 0%, #8c8c8c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#8c8c8c)); /* 

Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #d8d8d8 0%,#8c8c8c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #d8d8d8 0%,#8c8c8c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #d8d8d8 0%,#8c8c8c 100%); /* IE10+ */
        background: linear-gradient(to bottom, #d8d8d8 0%,#8c8c8c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#8c8c8c',GradientType=0 ); /* IE6-9 */
    }

        .dgrey .navbar-inner h5, .page-header h5, .page-header h5 > i {
            text-shadow: 0 0 0 #FFFFFF;
            color: #fff;
        }

.page-header {
    background: #68b4dd; /* Old browsers */
    background: -moz-linear-gradient(top, #68b4dd 0%, #2f86b2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68b4dd), color-stop(100%,#2f86b2)); /* 

Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #68b4dd 0%,#2f86b2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #68b4dd 0%,#2f86b2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #68b4dd 0%,#2f86b2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #68b4dd 0%,#2f86b2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68b4dd', endColorstr='#2f86b2',GradientType=0 ); /* 

IE6-9 */
}

.lgrey {
    background: #f0f0f0;
}

.page-header .topnav > li {
    border-left: 1px solid #126590;
}

.profileicon {
    width: 250px;
    /*height: 250px;*/
    float: left;
}

    .profileicon img {
        width: 100%;
    }

.clear {
    clear: both;
}

.tab-block-envelope {
    float: left;
    width: 25%;
}

.mrgnt_envelope {
    margin-top: 28px;
}

.tab-block-envelope > label {
    width: auto;
}

.tab-block-envelope > span {
    width: 49%;
}

.SelectMemberByPref p {
    width: 25%;
    float: left;
}

    .SelectMemberByPref p label {
        width: auto;
        padding: 0 5px 0 0;
    }

.DefaultValues-Section .address-l {
    width: 100%;
    margin: 5px 0 5px 0;
}

    .DefaultValues-Section .address-l .inner-address {
        width: 48%;
        float: left;
    }

.DefaultValues-Section-o .address-l .inner-address {
    width: 50%;
}

.DefaultValues-Section-o input[type="checkbox"] {
    vertical-align: sub;
}

.DefaultValues-Section .inner-address select {
    width: 30%;
}

.DefaultValues-Section .prepaid-col-o select {
    width: 31%;
}

.DefaultValues-Section .inner-address input[type="text"] {
    width: 19%;
}

.DefaultValues-Section .prepaid-col-o input[type="text"] {
    width: 18%;
}

.divcontentpopup {
    padding-top: 10px;
    min-width: 200px;
    width: 700px;
}

.divcontentpopup-o {
    width: 910px;
}

.DefaultValues-Section .address-l .inner-address label {
    width: 35%;
}

.address-l .inner-address .add-width {
    width: 50% !important;
}

.divcontributiondataentry {
    width: 100%;
    float: left;
}

    .divcontributiondataentry .family-block-l {
        width: 75%;
    }

    .divcontributiondataentry .family-block-r {
        width: 20%;
        border: 0 none !important;
    }

    .divcontributiondataentry .family-block-l .address-block {
        width: 100%;
        float: left;
        margin: 0 0 15px 0;
    }

.divcurrentpledge {
    width: 65% !important;
    max-width: 65% !important;
}

.divmemberinfo {
    max-width: 35%;
    margin: 21px 0px 0px;
}

.divcurrentpledge .fieldset-block {
    min-height: 165px;
}

.divcontributiondataentry .address-block-inner .address-l label {
    max-width: none;
    width: 50% !important;
}

.divlist .divlistparams {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
}

.divlist .divlistparams-o {
    margin-bottom: 0;
}


.divlist .divlistparams .btn-info {
    width: 10%;
    float: left;
    margin: 0 10px 0 0;
}

.filterby {
    margin: 10px 0;
}


    .filterby span {
        float: left;
        min-width: 185px;
    }



.totalinfo {
    width: 92% !important;
}

.batchheadinfo .address-l span {
    width: 60% !important;
}

.batchheadinfo .description-batch span {
    width: 60% !important;
}


.btn-tempsize {
}

.customtodate input[type="text"] {
    width: 30%;
}

.fundgroup {
    width: 50%;
    margin: 0 0 10px;
}

.fundisactive {
    float: right;
    margin-top: 8px;
}

.FundRadio {
    width: 100%;
    float: left;
}

.width-70 {
    max-width: 59% !important;
}

.width-100 {
    max-width: 100px !important;
}

.width-100PER {
    width: 100% !important;
}

.floateLeft {
    float: left !important;
}

.familyName span {
    width: 72%;
    float: right;
}

.newsLetter {
    float: right;
    padding-right: 22px;
}


.address-block-inner {
    width: 100%;
    float: left;
}
/***********css-add-25-6-2014************/




.movememder {
    display: block;
    width: 91px !important;
}


.fl-rt {
    float: right !important;
}

.MemberGiving .fieldset-block {
    width: 98%;
}

.MemberGiving .MemberStatement {
    width: 80%;
    max-width: 180px;
    margin-right: 4px;
    vertical-align: top;
    display: inline-block;
}

#divFamilyUserDefinedInner {
    width: 100%;
}

#divFamilyNotePad div.family-form-rw div:nth-child(2) {
    width: 100%;
}

#load_TableNotesListing {
    width: 6% !important;
}

#divFamilyNotePad .fieldset-block {
    width: 100%;
}

#divFamilyPortrait .fieldset-block {
    width: 100%;
}

#divFamilyEmergencyContact .fieldset-block {
    width: 100%;
}



#divMemberRelationship .fieldset-block {
    width: 100%;
}

#divMemberPortrait .fieldset-block {
    width: 100%;
}

#divMemberUserDefinedInner {
    width: 100%;
}



#divMemberPersonlEvent .fieldset-block {
    width: 100%;
}


    #divMemberPersonlEvent .fieldset-block noteblock {
        width: 100%;
    }

#divMemberPersonlEvent .fieldset-form {
    width: 100%;
}

#divMemberNotes .fieldset-block {
    width: 100%;
}


    #divMemberNotes .fieldset-block noteblock {
        width: 100%;
    }

#divMemberNotes .fieldset-form {
    width: 100%;
}

#divParameter1 {
    float: left;
    width: 100%;
}

#divParameter2 {
    float: left;
    width: 100%;
}

#divParameter1 p {
    width: 20%;
    float: left;
}

#divParameter2 p {
    width: 20%;
    float: left;
}

#ReportName {
    width: 50%;
}

.ReportsFieldset {
    width: 85% !important;
}

.field-validation-error {
    background-color: #ffeeee;
    color: red;
}

.right-fieldset-block {
    border: 1px solid #DADADA;
    width: 85%;
    float: left;
    padding: 10px;
    margin: 10px 0px 10px 10px;
}

    .right-fieldset-block legend {
        width: auto;
    }

.phone-field {
    width: 94%;
}

/*********************Only for mozilla***********************/
@-moz-document url-prefix() {
    .right-fieldset-block;

{
    width: 93%;
}

.fieldset-block {
    width: 100%;
}

.phone-field {
    width: 100%;
}

}

.totalamount {
    margin-top: 15px;
}

/*********************Only for mozilla***********************/

/*.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow-x: visible;
    overflow-y: visible;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}
.modal.fade .modal-dialog {
    transform: translate(0px, -25%);
    transition: transform 0.3s ease-out 0s;
}
.modal.in .modal-dialog {
    transform: translate(0px, 0px);
}
.modal-dialog {
    margin: 10px;
    position: relative;
    width: auto;
}
.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
}
.modal-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.in {
    opacity: 0.5;
}
.modal-header {
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.4286px;
    padding: 20px;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-title {
    line-height: 1.42857;
    margin: 0;
}
.modal-body {
    padding: 20px;
    position: relative;
    overflow:visible;
}
.modal-footer {
    border-top: 1px solid #e5e5e5;
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
}


.modal-dialog {
    max-width: 1170px !important;
}*/



.address-l label {
    width: 190px;
    float: left;
}

.contridaterange {
    width: auto !important;
}

/*new style start on 29-7-14*/
.common-box-sizing * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.contribution-batch * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.contribution-batch .family-block-r {
    border: none;
    width: 20%;
}

.contribution-batch div.family-foot-btn-inr {
    width: 100%;
}

    .contribution-batch div.family-foot-btn-inr input.btn-info {
        width: 100%;
        max-width: none;
    }

.contribution-batch .family-block-l {
    width: 75%;
}

.contribution-batch .Pledge-block-l-o {
    width: 77%;
}

.contribution-batch .address-l {
    width: 100%;
}


.address-block-o .address-l label {
    width: 15%;
    max-width: none;
    float: left;
}

.address-block-o .address-l span {
    float: left;
    width: 85% !important;
    max-width: none;
    line-height: 29px;
}

.fieldset-block-o .address-block-inner label {
    width: 14%;
}

.fieldset-block-o .address-block-inner span {
    width: 85%;
    line-height: 28px;
}

.fieldset-block-o .address-block-inner {
    padding: 0 0 11px;
}

.address-block-inner-o .address-l {
    padding: 0 15px 0 0;
    width: 33%;
}

.address-block-inner-o .family-member-o {
    width: 34%;
    padding: 0;
}


.contribution-block-inner-o .address-l {
    padding: 0 25px 0 0;
    width: 40%;
}

.contribution-block-inner-o .address-description-o {
    padding: 0;
    width: 60%;
}

.address-block-inner-o .address-l span {
    float: left;
    max-width: none;
    width: 50%;
}

.address-block-inner-o .family-member-o span {
    max-width: none;
    width: 50%;
}

.family-member-o span input {
    width: 48% !important;
}

.divcontributiondataentry .address-block-inner .address-l-name-o label {
    width: 25% !important;
}

.address-block-inner .address-l-name-o span {
    float: left;
    max-width: none;
    width: 64%;
}

.divcontributiondataentry-o * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.contribution-block-inner-o .address-l span {
    max-width: none;
    width: 50%;
}

.divcontributiondataentry-o .address-block-inner .address-description-o label {
    width: 30.2% !important;
}

.divcontributiondataentry-o .address-block-inner .address-description-o span {
    width: 69.7% !important;
}

.address-l-name-o p:after {
    content: '';
    display: table;
    clear: both;
}

.divcontributiondataentry-o .address-block-inner .address-l label {
    padding: 4px 8px 0 0;
}


.total-contribution-mn .address-l {
    padding-right: 25px;
    width: 40%;
}

.total-contribution-mn .total-contribution-last-o {
    padding-right: 0;
    width: 20%;
}

.contribution-block-inner-o .address-description-o span {
    float: left;
    max-width: none;
    width: 80%;
}

.total-contribution-o {
    width: 40%;
}

.address-block-inner .total-contribution-o span {
    max-width: none;
    width: 50%;
}

.address-block-inner .total-contribution-1 span {
    max-width: none;
    width: 50%;
}

.total-contribution-1 {
    width: 30%;
}

    .total-contribution-1 select {
        width: 100%;
    }

.family-block-r-o {
    padding: 15px;
}

    .family-block-r-o .totalinfo {
        width: 100% !important;
    }

.family-block-r-btns-o div.family-foot-btn-inr {
    width: 100%;
}

    .family-block-r-btns-o div.family-foot-btn-inr input.btn-info {
        width: 100%;
    }

/*new style end on 29-7-14*/

.contributionsdetail {
    clear: both;
}

/*new style start on 2-8-14 for*/

/*Viewfunds page*/
.EditFund-block-o * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}


.EditFund-block-o .address-block-inner label {
    float: left;
    max-width: 110px;
    padding-top: 4px;
    width: 100%;
}


.EditFund-block-o .address-block-inner .begin-date-label-o label {
    max-width: 75px !important;
    width: 100%;
}

.EditFund-block-o .address-block-inner .address-l .begin-date-label-o span {
    max-width: 80px;
    width: 100%;
}

.EditFund-block-o .address-block-inner .blank-label-o {
    min-height: 4px;
}

.blank-label-o {
    float: left;
    max-width: 110px;
    min-height: 4px;
    padding: 0 8px 0 0;
    width: 100%;
}

.EditFund-block-o .address-block-inner .fundgroup-o label {
    width: auto;
}

.anual-label-o {
    float: left;
    width: 55%;
}

.fundgroup-o {
    float: left;
    padding: 0 0 0 15px;
}


.EditFund-block-o .address-block-inner .address-l span {
    float: left;
    max-width: none;
    width: 55%;
}

.EditFund-block-o .address-block-inner .address-l span {
    line-height: 22px;
}


.EditFund-block-o .address-block-inner .FundNumberDiv-o span {
    max-width: 150px;
    width: 100%;
}

.EditFund-block-o .address-block-inner .address-l .anual-label-o span {
    width: auto;
    padding: 0 11px 0 0;
}

    .EditFund-block-o .address-block-inner .address-l .anual-label-o span select {
        width: 100%;
    }


.EditFund-block-o .address-block-inner .address-l .anual-label-o .radio-span-o {
    padding: 3px 5px 0;
}

.EditFund-block-o .address-block-inner .address-l .anual-label-o .radio-span-first-o {
    padding-left: 0;
}


.EditFund-block-o .address-l {
    width: 100%;
    padding: 0 0 10px 0;
}


.begin-date-label-o {
    float: left;
    max-width: 175px;
    width: 100%;
}

.BeginDateDiv-o .address-l {
    width: 100%;
}

    .BeginDateDiv-o .address-l label {
        width: 12%;
    }

/*Contribution block*/
.divlist-block-o * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.divlist-block-o {
    margin-bottom: 0;
}

    .divlist-block-o .address-l {
        width: 100%;
        padding: 0 0 8px 0;
    }

    .divlist-block-o .filterby-o {
        padding-bottom: 0;
    }

    .divlist-block-o .address-l label {
        max-width: 110px;
        padding: 3px 8px 0 0;
        width: 100%;
    }

    .divlist-block-o .address-l .total-cotribute-n label {
        width: auto;
    }


.select-box-o {
    float: left;
    max-width: 150px;
    width: 100%;
}

    .select-box-o .contridaterange {
        width: 100% !important;
    }

.display-btn {
    float: left;
    padding: 0 0 0 15px;
}

.divlist .divlistparams .display-btn .btn-info {
    padding: 6px 15px;
    width: 100%;
}

.total-cotribute-n {
    float: left;
    padding: 3px 0 0 15px;
}

.customDate-o-mn {
    float: left;
    max-width: 345px;
    width: 100%;
}


.customDate-o {
    float: left;
    max-width: 170px;
    padding: 0 12px 0 0;
    width: 100%;
}

.address-block-inner .customDate-o label {
    float: left;
    max-width: 68px;
    padding-top: 4px;
    width: 100%;
}



.address-block-inner .customDate-o span {
    float: left;
    max-width: 81px;
    width: 100%;
}

    .address-block-inner .customDate-o span input[type="text"] {
        width: 100%;
    }

.filterby .filterby-col-o span {
    min-width: 10px;
    padding: 0 15px 0 0;
    width: auto;
}

.CustomToDatesDiv-o label {
    float: left;
    padding: 3px 8px 0 0;
}

.CustomToDatesDiv-o .hasDatepicker {
    max-width: 100px;
    width: 100%;
}

.customtodate .CustomToDatesDiv-o input[type="text"] {
    width: 100%;
}

.CustomToDatesDiv-o span {
    float: left;
    max-width: 80px;
    width: 100%;
}

/*Pledges block*/

.display-range-o .address-l label {
    max-width: 110px;
    width: 100%;
    padding: 3px 8px 0 0;
}

.display-range-o .address-l span .contridaterange {
    width: 100% !important;
}

.display-range-o .address-l {
    margin-top: 0;
    width: 100%;
}


.filtery-col-o {
    float: left;
    width: auto;
}

    .filtery-col-o span {
        padding: 0 10px 0 0;
        width: auto;
        min-width: 40px;
    }

.display-range-o .divlistparams .btn-info {
    padding: 6px 15px;
}

/*new style end on 2-8-14*/

/*new style end on 5-8-14*/
* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

select {
    line-height: 24px;
}


.address-l-custom-o {
    padding-right: 15px;
    width: 39%;
}

    .address-l-custom-o label {
        max-width: 175px;
        width: 100%;
    }

.address-block-inner-o {
    padding-bottom: 10px;
}

.span-checbox input[type="text"], .span-checbox input[type="mail"], .span-checbox input[type="password"] {
    margin-bottom: 5px;
}

/*new style end on 5-8-14*/


/*new style start on 6-8-14*/
.family-btn-o {
    float: left;
}

.row-fluid .family-block-o [class*="span"] {
    margin: 0;
}

.family-block-o span input[type="checkbox"] {
    vertical-align: sub;
}

.family-block-o .fieldset-form .tab-block p:after {
    content: '';
    display: table;
    clear: both;
}


.fieldset-form-o div.tab-block {
    max-width: 320px;
    width: 100%;
    padding: 0 20px 0 0;
}


.fieldset-form-o .tab-block-envelope {
    /*max-width: 320px;*/
    max-width: 202px;
    padding: 0 20px 0 0;
    width: 100%;
}

.head-member-o {
    float: left;
    max-width: 130px;
    width: 100%;
    padding: 3px 0 0 0;
}

    .head-member-o input {
        vertical-align: sub;
    }

.auto-custom-button {
    float: left;
    max-width: 150px;
    width: 100%;
}

.fieldset-form-o label {
    max-width: 115px;
    width: 100%;
}

.fieldset-form-o span {
    max-width: 180px;
    width: 100%;
}

.checkbox-custom-o {
    padding: 5px 0 0 0;
}

    .checkbox-custom-o input[type="checkbox"] {
        vertical-align: sub;
    }


.field_cont-label {
    float: left;
    max-width: 310px;
    width: 100%;
}


    .field_cont-label label {
        float: left;
        max-width: 115px;
        padding: 0 8px 0 0;
        width: 100%;
    }

    .field_cont-label span {
        float: left;
        max-width: 180px;
        width: 100%;
    }

        .field_cont-label span select {
            width: 100%;
        }

.field_cont-btn {
    float: left;
    max-width: 150px;
    width: 100%;
}

.MemberGiving-o .btn {
    margin: 0;
}

p.move-member-o a {
    float: left;
    max-width: 170px;
    width: 100%;
}

.profileicon-o {
    width: 20%;
}

.fieldset-form .dependent-label-o {
    margin: 0;
    max-width: 175px;
    width: 100%;
}

.attendance-block span {
    padding-right: 15px;
}


.attendance-form div.tab-block {
    float: left;
    max-width: 182px;
    /*padding: 0 10px 0 0;*/
    padding: 0 0px 0 0;
    width: 100%;
}

.attendance-form .tab-block > label, .attendance-blank-label {
    float: left;
    max-width: 75px;
    width: 100%;
    padding: 3px 8px 0 0;
}

.attendance-form .tab-block > span {
    float: left;
    max-width: 95px;
    width: 100%;
}

.attendance-form-btn {
    float: left;
    max-width: 150px;
    width: 100%;
    padding: 0 6px 0 0;
}

.attendance-blank-label {
    min-height: 1px;
}

.row-fluid .attendance-span {
    float: left;
    margin: 0;
    padding-right: 15px;
    width: auto;
}

.divAttendancePartial:after {
    clear: both;
    content: "";
    display: table;
}

.divAttendancePartial {
    padding-bottom: 10px;
}


#ui-datepicker-div {
    display: none;
}
/*new style start on 7-8-14*/
.Pledge-block-l-o {
    width: 75%;
}

.movemembercontainer {
    float: left;
    padding-bottom: 10px;
    width: 100%;
    padding-top: 20px;
}

.Pledge-block-l-o .address-l {
    width: 230px;
    padding: 0 15px 0 0;
}

.Pledge-block-l-o .pledge-remove-padd {
    padding-right: 0;
}


.Pledge-block-l-o .address-l-last-o {
    padding: 0;
    width: 38%;
}

.Pledge-block-l-o .address-l label {
    width: 125px;
}

.Pledge-block-l-o .address-block-inner .address-l span {
    width: 80px;
    max-width: none;
}

.Pledge-block-l-o .address-block-inner .address-l-last-o span {
    width: 160px;
}

.Pledge-block-l-o .address-block-inner .address-l-last-o .member-seq span {
    padding: 0 5px 0 0;
    width: 80px;
}

.Pledge-block-l-o .address-block-inner .address-l-last-o .member-seq .last-design {
    padding-right: 0;
}

.member-seq {
    width: 160px;
    width: 100%;
}

.button-container-block {
    text-align: center;
    width: 100%;
}

.Pledge-block-r-o {
    width: 20%;
}

.button-div {
    display: inline-block;
    vertical-align: top;
}
/*new style end on 7-8-14*/


/*new style end on 8-8-14*/
.Pledge-block-l-o .Pledge-l-o {
    width: 100%;
}
/*new style end on 6-8-14*/


/*new style start on 7-8-14*/
.Pledge-block-l-o {
    width: 75%;
}

.pledge-fund-o > p:after {
    content: '';
    display: table;
    clear: both;
}

.Pledge-block-l-o .address-block-inner .Pledge-l-o span {
    max-width: 315px;
    width: 100%;
}

.Pledge-block-l-o .address-l {
    width: 30%;
    padding: 0 15px 0 0;
}

.Pledge-block-l-o .amount-col-o {
    width: 311px;
}

.Pledge-block-l-o .pledge-remove-padd {
    padding: 0;
}

.Pledge-block-l-o .Pledge-username-o {
    width: 100%;
    padding: 0;
}

.Pledge-block-l-o .address-l-last-o {
    padding: 0;
    width: 40%;
}

.Pledge-block-l-o .address-l label {
    width: 125px;
}

.Pledge-block-l-o .address-block-inner .address-l span {
    width: 85px;
}

.Pledge-block-l-o .address-block-inner .amount-col-o span {
    width: 170px;
}

.Pledge-block-l-o .address-block-inner .Pledge-username-o span {
    width: 315px;
}

.Pledge-block-l-o .address-block-inner .address-l-last-o span {
    width: 180px;
}


.Pledge-block-l-o .address-block-inner .address-l-last-o .member-seq .last-design {
    padding-right: 0;
}


.pledge-fund-o label {
    max-width: 125px;
    width: 100%;
}

.pledge-fund-o .pledge-fund-input {
    float: left;
    max-width: 175px;
    width: 100%;
    padding: 0 5px 0 0;
}

.member-seq {
    width: 160px;
    width: 100%;
}

.pledge-fund-o .pledge-fund-select {
    float: left;
    max-width: 460px;
    width: 100%;
}


.Pledge-block-r-o {
    width: 20%;
}

.pledge-fund-o span select {
    width: 100%;
}

.Pledge-block-l-o .Pledge-date {
    margin: 0 0 10px 0;
    width: 100%;
}

.pledge-blank-label {
    min-height: 1px;
}

.Pledge-date-inputs {
    float: left;
    max-width: 195px;
    padding: 0 15px 0 0;
    width: 100%;
}

.Pledge-block-l-o .address-l .Pledge-date-inputs label {
    width: 85px;
    max-width: none;
}

.Pledge-block-l-o .address-l .Pledge-date-inputs span {
    width: 85px;
    max-width: none;
}

.Pledge-block-l-o .pledge-frequency {
    margin: 0 0 10px 0;
}

.Pledge-block-l-o .pledge-frequency-block .pledge-frequency2 {
    width: 265px;
}

.Pledge-block-l-o .address-block-inner .pledge-frequency2 span {
    width: 136px;
}

.Pledge-block-l-o .address-block-inner .pledge-frequency span select {
    width: 100%;
}

.Pledge-block-l-o .pledge-frequency-block .pledge-frequency {
    width: 505px;
}

.Pledge-block-l-o .address-block-inner .pledge-frequency span {
    width: 365px;
}

    .Pledge-block-l-o .address-block-inner .pledge-frequency span input[type="text"] {
        width: 100%;
    }

.block-heading-search {
    float: right;
    padding: 5px 5px 0 0;
}

.heading-search-icn {
    float: left;
    margin: 4px 0 0 0;
}

.heading-input {
    float: left;
    padding: 0 0 0 10px;
    width: 214px;
}

.totalinfo-o .address-block-inner:after::after {
    content: '';
    display: table;
    clear: both;
}

.totalinfo-o .address-block-inner label, .totalinfo-o .address-block-inner span {
    float: left;
    max-width: none;
    width: 50%;
}

#MemberAddress {
    margin-left: 67px;
}


/*new style end on 8-8-14*/


/*new style start on 8-8-14*/
.datepicker {
    border-radius: 0;
}



/*new style start on 11-8-14*/

/*popup-css start*/

.promo-popup-inner {
    padding: 15px;
}

.promo-popup-rw:after, .promo-address-rw :after {
    content: '';
    display: table;
    clear: both;
}

.promo-popup-rw {
    padding: 0 0 15px;
}

    .promo-popup-rw > fieldset, .promo-fieldset-common fieldset {
        border: 1px solid #ccc;
        padding: 10px;
    }

    .promo-popup-rw legend {
        display: inline-block;
        width: auto;
    }

.promo-popup-col {
    float: left;
    width: 47%;
}

.promo-popup-col-md {
    float: left;
    width: 6%;
}

.promo-popup-col {
    float: left;
    width: 47%;
}


    .promo-popup-col > label {
        float: left;
        width: 15%;
    }

    .promo-popup-col > span {
        float: left;
        width: 80%;
    }

        .promo-popup-col > span input[type="text"], .promo-popup-col > span input[type="password"], .promo-popup-col > span input[type="email"], .promo-popup-col > span select,
        .promo-popup-col > span textarea {
            width: 100%;
        }


.promo-tel-col {
    float: left;
    width: 30%;
    padding: 0 12px 0 0;
}

.promo-tel-inner {
    min-height: 33px;
}

.promo-Zone-col {
    float: left;
    width: 25%;
    padding: 0 12px 0 0;
}

.promo-Address.-col {
    float: left;
    width: 25%;
}


.promo-address-rw {
    padding: 0 0 10px;
}

    .promo-address-rw > label {
        float: left;
        width: 10%;
        padding: 0 10px 0 0;
    }

    .promo-address-rw > span {
        float: left;
        width: 90%;
    }

.promo-address-btns span {
    display: inline-block;
    vertical-align: top;
}

.promo-address-btns span {
    padding-left: 10%;
}

    .promo-address-btns span + span {
        padding-left: 10px;
    }

.promo-address-btns .btn-info {
    padding: 0 25px;
}
/*popup-css end*/



/*new style end on 11-8-14*/
/*style start on 12-8-14*/
.overflow-float:after, .weekly-rw:after {
    content: '';
    display: table;
    clear: both;
}

.activity-block * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.activity-block input[type="text"], .activity-block input[type="password"], .activity-block input[type="email"], .activity-block select, .activity-block textarea {
    width: 100%;
}

.activity-block-rw {
    padding-bottom: 15px;
}

.activity-block fieldset {
    border: 1px solid #dadada;
    padding: 15px;
    background: #fafafa;
}

.activity-block legend {
    width: auto;
    display: inline-block;
    vertical-align: top;
    line-height: normal;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}

.activity-block-l {
    float: left;
    width: 45%;
    padding: 0 0px 0 0;
}

/*.activity-form-rw class for common bottom padding*/
.activity-form-rw {
    padding-bottom: 7px;
    display: table;
}

    .activity-form-rw:after {
        content: '';
        display: table;
        clear: both;
    }

/*.activity-label-common class for common top labels padding*/
.activity-label-common {
    padding: 6px 10px 0 0;
}

.activity-label, .activity-desc {
    display: table-cell;
    vertical-align: top;
}

.activity-label {
    min-width: 125px;
}

.activity-desc {
    width: 100%;
}

.activity-select {
    width: 100%;
}

.activity-input {
    float: left;
    width: 120px;
    padding: 0 10px 0 0;
}

.activity-checkbox {
    float: left;
    padding: 8px 0 0 0;
}

    .activity-checkbox span {
        display: inline-block;
        padding: 0 4px 0 0;
    }

.position-btn {
    float: right;
}


.activity-block-r {
    float: right;
    width: 54%;
}

.activity-detai-label, .activity-detai-desc {
    display: table-cell;
    vertical-align: top;
}

.activity-detai-label {
    min-width: 140px;
}

.activity-detai-desc {
    width: 100%;
}

.weekly-box {
    float: left;
    width: 25%;
    padding: 0 15px 0 0;
}

    .weekly-box + .weekly-box {
        padding: 0;
    }

.weekly-rw {
    padding: 0 0 8px;
}

.weekly-day > span {
    display: inline-block;
    padding: 0 8px;
    vertical-align: sub;
    padding: 0 7px 0 0;
}

.weekly-day input {
    margin: 0 5px 0 0;
    vertical-align: text-top;
}

.activity-ttl-btns {
    float: right;
    padding: 5px 12px 0 0;
}

    .activity-ttl-btns span {
        display: inline-block;
        vertical-align: top;
        padding: 0 0 0 0px;
    }




.address-l.new_address_one {
    width: 30%;
}

.address-l.new_address_two {
    width: 28%;
}

.address-l.new_address_three {
    width: 28%;
}

.address-l.new_address_four {
    width: 13%;
}


.address-l.new_address_three label {
    width: 56%;
}

.address-l.new_address_two label {
    width: 57%;
}

.address-l.new_address_four label {
    width: 75% !important;
}

.Pledge-block-l-o .address-block-inner .address-l.new_address_four span {
    width: 25px;
    float: left;
    margin: 5px 0 0 0;
}




















/*responsive style start*/
@media(max-width:1180px) {
    .activity-block-l, .activity-block-r; {
        width: 100%;
        padding-right: 0;
    }
}

@media(max-width:830px) {
    .activity-ttl-btns; {
        float: right;
        padding: 5px 12px 10px;
        width: 100%;
    }
}

@media(max-width:640px) {
    .activity-block-l, .activity-block-r; {
        width: 100%;
    }

    .activity-form-rw, .activity-label, .activity-desc, .activity-detai-label, .activity-detai-desc, .activity-input {
        display: block;
        width: 100%;
    }
}

@media(max-width:480px) {
    .activity-ttl-btns span; {
        display: block;
    }

    .activity-ttl-btns span input[type="button"] {
        width: 100%;
    }
}
/*responsive style end*/

/*style end on 12-8-14*/





/*style start on 13-8-14*/
.attendance-rw {
    padding: 0 0 20px 0;
}

.event-detail-rw {
    display: table;
}

.event-label, .event-desc {
    display: table-cell;
    vertical-align: top;
}

.event-label {
    min-width: 115px;
}

.event-desc {
    width: 100%;
}

.event-date {
    float: left;
}

    .event-date span {
        float: left;
    }

.event-input input[type="text"], .event-input .cal-pic {
    float: left;
}

.event-input .cal-pic {
    margin: 5px 0 0 0;
    display: none;
}

.event-date .event-date-no {
    padding: 4px 0 0 0;
}


.event-desc-input {
    float: left;
    min-width: 315px;
}

.event-count-input {
    float: left;
    width: 135px;
}

.event-detail-btns {
    display: block;
    padding: 15px 0 0 0;
}

.other-attend-btns {
    text-align: right;
}

/*responsive style start*/
@media(max-width:640px) {
    .event-label, .event-desc, .event-date, .event-date span, .event-desc-input, .event-count-input; {
        display: block;
        min-width: 1px;
        width: 100%;
    }
}
/*responsive style end*/
/*style end on 13-8-14*/









.arrow-up {
    border-bottom: 5px solid lightgray;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: none;
    position: absolute;
    left: 450px;
    top: 993px;
    z-index: 10000;
    width: 14px;
    height: 10px;
}

.TooltipClass {
    border: 1px solid lightgray;
    border-radius: 5px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 20%;
    position: absolute;
    z-index: 10000;
    height: 200px;
    overflow: auto;
    top: 1279px;
    left: 365px;
    display: none;
    background-color: lightgray;
}


/*css start on 22-8-14*/
.filter-checkbox {
    float: right;
}

    .filter-checkbox .checkbox, .filter-checkbox .btn {
        display: inline-block;
        vertical-align: top;
    }

    .filter-checkbox .checkbox {
        padding: 10px 5px 0 0;
    }

        .filter-checkbox .checkbox + .checkbox {
            margin: 0;
        }

.member-popup {
    max-width: 450px;
    width: 100%;
}

.member-popup-inner {
    height: 300px;
    overflow: auto;
    padding: 15px;
}

    .member-popup-inner .event-date, .member-popup-inner .event-date span {
        width: 100%;
    }

        .member-popup-inner .event-date input[type="text"] {
            width: 100%;
        }

    .member-popup-inner .button-container-block {
        padding: 0 0 0 29px;
    }

.table_cont {
    clear: both;
    float: none !important;
}


/*css end on 22-8-14*/

/*css start on 2-Sept by Prashnt*/
.weekly-box-time {
    width: 45% !important;
}
/*css end on 2-Sept by Prashnt*/


.block-heading-search {
    padding-bottom: 10px;
}

/*19 sep style*/

.full-width {
    float: left;
    width: 100%;
}

.left-side {
    float: left;
    width: 25%;
}

    .left-side #selectable {
        width: 100%;
    }

    .left-side #leftpanel {
        margin-top: 71px;
    }

.right-side {
    float: left;
    width: 75%;
}

    .right-side .block {
        margin-top: none !important;
    }

.bg-white {
    float: left;
    width: 100%;
    background: #fff;
}

#selectable li {
    height: auto !important;
    float: left;
    width: 100%;
}

    #selectable li a {
        padding: 2%;
        padding: 6px;
        float: left;
        width: 100%;
        color: #08c;
    }


        #selectable li a:hover {
            color: #555;
        }

.btn {
    padding: 10px 25px;
}

.btns-container {
    margin: auto;
    width: 50%;
}

.report-table .ui-jqgrid {
    margin: auto;
}

/*CSS for Change envelope by TM*/
.attendance-span-Envelope {
    max-width: 280px;
    width: 100%;
    display: block;
}

.address-l-custom-E {
    padding-right: 15px;
    width: 50%;
}
/*------------------------------------*/


.btnNormal {
    width: 120px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 35px;
    padding: 7px 0px;
    float: left;
    margin-right: 6px;
}


.inter-feilds p {
    float: left;
    width: 100%;
}


.ActiveVertical {
    box-shadow: 0px 1px 0px rgb(241, 241, 241);
    background: none repeat scroll 0px 0px rgb(250, 250, 250);
    color: rgb(153, 153, 153) !important;
    width: 100%;
}


@media screen and (max-width: 767px) {
    .table-responsive; {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

    .table-responsive > .table {
        margin-bottom: 0;
    }

        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > td {
            white-space: nowrap;
        }

    .table-responsive > .table-bordered {
        border: 0;
    }

        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
            border-left: 0;
        }

        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
            border-right: 0;
        }

        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
            border-bottom: 0;
        }

    /*Style for slider 17-10-2014*/


    .slider-label {
        font-weight: bold;
        margin: 9px 0 3px;
    }

    .slider .ui-slider-handle {
        background: none repeat scroll 0 0 #0087c8;
        color: #1c94c4;
        cursor: pointer;
        font-weight: bold;
        height: 18px;
        margin-left: -12px;
        outline: medium none;
        position: absolute;
        top: -9px;
        width: 18px;
        z-index: 2;
    }

    .ui-state-default {
        border: 1px solid #d3d3d3;
    }
    /**/
}


/*css start on 21-10-14*/
.adjusting-settings {
    padding: 0 0 0 25px;
    width: 25%;
}

    .adjusting-settings .ui-slider .ui-slider-handle {
        background: #0087c8;
        border: 1px solid #0087c8;
    }
/*css end on 21-10-14*/






@media screen and (max-width: 767px) {

    .address-l {
        width: 100% !important;
        float: left;
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > thead > tr > th,
            .table-responsive > .table > tbody > tr > th,
            .table-responsive > .table > tfoot > tr > th,
            .table-responsive > .table > thead > tr > td,
            .table-responsive > .table > tbody > tr > td,
            .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > thead > tr > th:first-child,
            .table-responsive > .table-bordered > tbody > tr > th:first-child,
            .table-responsive > .table-bordered > tfoot > tr > th:first-child,
            .table-responsive > .table-bordered > thead > tr > td:first-child,
            .table-responsive > .table-bordered > tbody > tr > td:first-child,
            .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > thead > tr > th:last-child,
            .table-responsive > .table-bordered > tbody > tr > th:last-child,
            .table-responsive > .table-bordered > tfoot > tr > th:last-child,
            .table-responsive > .table-bordered > thead > tr > td:last-child,
            .table-responsive > .table-bordered > tbody > tr > td:last-child,
            .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > th,
            .table-responsive > .table-bordered > tfoot > tr:last-child > th,
            .table-responsive > .table-bordered > tbody > tr:last-child > td,
            .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0;
            }
}

.DropdonForMultiSelect {
    display: inline-block;
    padding: 4px 12px;
    margin: 0 10px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: hsl(0, 0%, 20%);
    text-align: center;
    text-shadow: 0 1px 1px hsla(0, 100%, 100%, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: hsl(0, 0%, 96%);
    background-image: -moz-linear-gradient(top, hsl(0, 100%, 100%), hsl(0, 0%, 90%));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(0, 100%, 100%)), to(hsl(0, 0%, 90%)));
    background-image: -webkit-linear-gradient(top, hsl(0, 100%, 100%), hsl(0, 0%, 90%));
    background-image: -o-linear-gradient(top, hsl(0, 100%, 100%), hsl(0, 0%, 90%));
    background-image: linear-gradient(to bottom, hsl(0, 100%, 100%), hsl(0, 0%, 90%));
    background-repeat: repeat-x;
    border: 1px solid hsl(0, 0%, 73%);
    border-color: hsl(0, 0%, 90%) hsl(0, 0%, 90%) hsl(0, 0%, 75%);
    border-color: hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.25);
    border-bottom-color: hsl(0, 0%, 64%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}




.atonce select {
    width: 100%;
}


@media(max-width:1024px) {
    .withfixwidth; {
        width: 624px;
    }
}

@media(max-width:767px) {
    .withfixwidth; {
        width: 450px;
    }
}


@media(max-width:640px) {
    .forgiving; {
        /*border:1px solid #000;*/
    }

    .forgiving .MemberStatement {
        max-width: 100%;
        width: 100% !important;
    }


    .forgiving .fieldset-form-o div.tab-block, .forgiving .tab-block-envelope, .forgiving .tab-block-envelope > span {
        max-width: 100%;
        padding: 0;
        width: 100%;
    }
}



@media(max-width:480px) {
    .withfixwidth; {
        width: 195px;
    }

    .withfixwidthb {
        width: 212px;
    }

    .fieldset-block legend {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 194px;
    }

    .navbar-inner h5.span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 194px;
    }


    .smmore {
        max-width: 197px !important;
        margin-bottom: 5px;
    }


    .ofull.tab-block-envelope > span {
        width: 100% !important;
    }

    .attendance-form-btn {
        max-width: 100%;
    }


    .smmore input[type=text] {
        width: 100%;
    }

    .smmore input[type=button] {
        width: 100% !important;
    }

    .efull {
        width: 100% !important;
    }


    .otext-center {
        text-align: center;
    }

    .setinsmall input[type=button] {
        float: none !important;
        margin: 3px auto !important;
        width: 93% !important;
    }

    .setinsmall label {
        padding-left: 0 !important;
        width: 100% !important;
    }

    .setinsmall input[type="text"], .setinsmall input[type="submit"] {
        width: 100% !important;
    }


    .zerop {
        padding: 0 !important;
    }

        .zerop input[type=text] {
            margin-bottom: 5px;
        }

    .divlist .divlistparams .display-btn .btn-info.fullbtn {
        width: 100% !important;
        margin: 0 !important;
    }

    .divlist .divlistparams select {
        width: 100%;
    }

    .fullselect select {
        width: 100% !important;
    }
}







.firstpop {
    left: 0;
    margin: auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: fixed;
    right: 0;
    top: 5%;
    width: 715px;
}



.divcontentpopup {
    width: auto;
    padding-top: 10px;
    height: 100%;
    max-height: 530px;
    overflow-y: auto;
}

    .divcontentpopup .control-group {
        padding: 0 16px;
    }


.setthisonly {
    float: left;
    width: 100% !important;
}

    .setthisonly select {
        width: 200px;
        float: left;
        margin-right: 30px;
    }

    .setthisonly input[type=text] {
        width: 330px;
        float: left;
        margin-right: 30px;
    }

    .setthisonly .checkbox-custom-o {
        float: left;
        margin-left: 176px;
        width: 200px;
    }



.divcontentpopup .tabbable {
    padding: 0 10px;
}

.orgform input {
    margin-bottom: 10px;
}


.loading-image {
    bottom: 0;
    height: 100px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    z-index: 10;
}


.savenotification {
    border-radius: 5px;
 
    position: fixed;
    z-index: 10000;
}

.settwcheck .checkbox, .settwcheck .radio {
    margin: 3px 2px 0 !important;
}


.fbox {
    float: left;
    width: 100%;
}

.onebox {
    float: left;
    border-right-width: 0px;
    padding-right: 10px;
    width: 40%;
}

.twobox {
    width: 20%;
    float: left;
    border-right-width: 10px;
    padding-right: 10px;
}

.threebox {
    width: 20%;
    float: left;
    padding-right: 10px;
}

.fourbox {
    width: 20%;
    float: left;
    padding-right: 10px;
}



.blabel label {
    margin: 10px 0;
    width: 30%;
}

.smspace {
    margin-bottom: 10px;
}


.floatthree {
    float: left;
}

    .floatthree label, .floatthree input[type=text] {
        float: left;
        margin: 0 5px 0 0;
        width: 87px;
    }

.tabbable {
    position: relative;
    z-index: 0;
}

#divReportModule .inline {
    width: 100%;
    float: left;
    margin-left: 0 !important;
}



.setlncntrol .control-label {
    float: left !important;
    width: 35% !important;
}


.setlncntrol .controls {
    float: left;
    margin-left: 0 !important;
    width: 65%;
}

.setlncntrol input[type=text], .setlncntrol input[type=password] {
    width: 100% !important;
}

.UserField {
    float: left;
    padding: 5px;
    width: 100%;
}



@media (max-width: 768px) {


    .family-form-rw label {
        width: 100% !important;
        float: left !important;
    }


    #divAvailableGroups div, #divAssignedGroup div {
        width: 50% !important;
        float: left;
    }






    .fulwzerp {
        width: 100% !important;
        padding: 0 !important;
    }

    .setlncntrol .control-label, .setlncntrol .controls {
        width: 100% !important;
    }

    .checkinpop .address-block-inner {
        float: left;
        width: 100% !important;
    }

        .checkinpop .address-block-inner label {
            float: left;
            width: 80% !important;
        }

        .checkinpop .address-block-inner span {
            float: left;
            height: auto !important;
        }

    .checkinpop input[type=checkbox] {
        width: auto !important;
    }


    .withfixwidthfrp {
        width: 233px;
    }

    .floatthree {
        float: left;
        width: 100%;
    }

    .left-side {
        float: left;
        width: 100%;
    }

    .right-side {
        float: left;
        width: 100%;
    }

    .left-side #leftpanel {
        margin-top: 20px;
    }

    .attendance-span-Envelope {
        width: 100%;
    }

    .floatthree label, .floatthree input[type=text] {
        float: left;
        width: 100%;
    }

    .onebox {
        width: 100%;
        margin-bottom: 5px;
    }

    .twobox {
        width: 30%;
    }

    .threebox {
        width: 30%;
    }

    .fourbox {
        width: 30%;
    }


    .heading-search-icn {
        position: relative;
    }

        .heading-search-icn img {
            left: -4px;
            position: absolute;
            top: 5px;
        }

    .savenotification {
        border-radius: 5px;
        margin-left: 0;
        position: fixed;
        width: 100%;
        z-index: 10000;
    }

    .firstpop {
        left: 10px;
        margin: auto;
        position: fixed;
        right: 10px;
        top: 5% !important;
        width: 90%;
    }


    .SelectMemberByPref p {
        width: 100%;
    }

    .inner-address {
        margin: 2px 0;
        width: 100% !important;
    }

    .activity-block-l, .activity-block-r {
        width: 100%;
        float: left;
    }

    .allbtnonce input[type=submit], .allbtnonce input[type=button] {
        width: 90% !important;
        margin: 5px 0 !important;
    }

    .allbtnfull input[type=submit], .allbtnfull input[type=button] {
        width: 100% !important;
        margin: 5px 0 !important;
    }

    #divCurrenttoNextEnvelope .width-70 input[type=text] {
        width: 100% !important;
    }

    .btns-container {
        padding-left: 0 !important;
    }

    .fieldset-block label {
        /*width:100% !important;*/
    }

    .orgform input {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .orgform select {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .setbtn input.btn-info {
        margin: 5px 0 !important;
    }

    .setthisonly {
        float: left;
        width: 100% !important;
    }

        .setthisonly select {
            width: 100%;
            margin-bottom: 10px;
        }

        .setthisonly input[type=text] {
            width: 100%;
        }

        .setthisonly .checkbox-custom-o {
            margin-left: 0;
            width: 100%;
        }


    .nwsetouter {
        float: left;
        width: 100% !important;
        padding: 0 !important;
    }

        .nwsetouter input[type=text] {
            width: 100% !important;
            margin: 5px 0 !important;
        }

        .nwsetouter select {
            width: 100% !important;
            margin: 5px 0 !important;
        }

    .bootbox {
        width: 400px;
        left: 0 !important;
        right: 0 !important;
        position: absolute;
        margin: auto;
        top: 30%;
    }

    .bootbox {
        width: 80% !important;
    }

    .address-l label, .address-block label {
        font-weight: 600;
    }

    .filter-checkbox {
        padding: 0 15px;
    }

        .filter-checkbox .checkbox {
            margin: 0 5px 0 0;
            padding: 0;
            float: left;
        }

    .seteachbtn {
        float: left;
        width: 100%;
        padding: 0 !important;
    }

        .seteachbtn input {
            margin: 0 10px !important;
        }

    .address-l label {
        float: left;
        width: 100% !important;
    }

    .address-l .width-70 {
        float: left;
        max-width: auto !important;
        ;
        width: 100% !important;
    }

    .address-l select, .address-l input[type=text] {
        float: left;
        width: 100% !important;
        margin: 5px 0;
    }

    .ffl {
        width: 100% !important;
    }

    .family-foot-btn-inr .btn:first-child {
        margin-left: 2px;
    }

    #partialviewcontainer .btns-container {
        width: 100%;
    }

        #partialviewcontainer .btns-container > div {
            width: 100% !important;
            padding: 0 !important;
        }

            #partialviewcontainer .btns-container > div input {
                width: 100% !important;
            }

    #partialviewcontainer .width-70 {
        max-width: 100% !important;
    }

    #divFamilySearch, #divFamilySearch input[type=text] {
        width: 100% !important;
        position: relative;
        margin-bottom: 10px;
    }

    #imgSearchButton {
        position: absolute;
        left: -16px;
        top: 10px;
        z-index: 1;
    }

    #divFamilySearch input[type=button] {
        width: 100% !important;
        position: relative;
        margin: 0;
    }

    .navbar-inner h5 {
        float: left;
        width: 100%;
    }

    .event-label, .event-desc {
        width: 100% !important;
        float: left;
    }

    .event-detail-btns {
        padding: 0 !important;
        float: left;
        width: 100%;
    }

    #MemberAddress {
        margin-left: 0;
    }


    .ptfinfull {
        float: left;
        width: 100%;
    }

        .ptfinfull label {
            float: left;
            width: 100% !important;
            padding: 0 !important;
        }

        .ptfinfull input[type=text], .ptfinfull input[type=password], .ptfinfull select {
            float: left;
            width: 100% !important;
        }

    .userdefined-block-inner {
        padding-left: 0 !important;
        width: 100% !important;
    }

        .userdefined-block-inner input[type=text] {
            width: 86% !important;
        }

    #divSearchBox {
        position: relative;
    }

        #divSearchBox input[type=text] {
            width: 218px !important;
        }


    .onlyforsearch {
        position: relative;
    }

        .onlyforsearch input[type=text] {
            width: 218px !important;
        }

    .address-l .inner-address .add-width {
        width: 100% !important;
    }

    .custmuserdefined {
        float: left;
        width: 100%;
    }

        .custmuserdefined .userdefined {
            width: 100% !important;
        }

            .custmuserdefined .userdefined input[type=text] {
                width: 100% !important;
            }

            .custmuserdefined .userdefined span {
                max-width: 200px;
            }


    .portrait-block img {
        width: 100%;
    }
}

.onlyforsearch {
    margin-bottom: 10px;
}

.thisinboth {
    max-width: 400px !important;
}


.fulwzerp table {
    width: 100%;
}



@media(max-width:480px) {
    #divAvailableGroups div, #divAssignedGroup div; {
        width: 100% !important;
        float: left;
    }



    .ui-jqgrid .ui-jqgrid-bdiv {
        z-index: 0;
    }
}

.btn-infoTab {
    background: #6db5d5;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #6db5d5 25%, #4a91c0 75%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(#6db5d5 25%, #4a91c0 75%) repeat scroll 0 0;
    color: #fff;
}

    .btn-infoTab:hover {
        background: #6db5d5;
        background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #6db5d5 25%, #4a91c0 75%) repeat scroll 0 0;
        background: rgba(0, 0, 0, 0) -webkit-linear-gradient(#6db5d5 25%, #4a91c0 75%) repeat scroll 0 0;
        color: #fff;
        opacity: 0.8;
    }

    .btn-infoTab a {
        color: white !important;
        font-weight: bold;
    }

        .btn-infoTab a:hover {
            background: none !important;
        }

.inactiveTabs {
    background: none repeat scroll 0 0 lightgray;
    color: #999999;
    cursor: not-allowed;
}

    .inactiveTabs :hover {
        background: none repeat scroll 0 0 lightgray !important;
        color: #999999;
        cursor: not-allowed;
    }

.inactiveTabsParent {
    background: none repeat scroll 0 0 lightgray;
    color: #999999;
    cursor: not-allowed;
}

    .inactiveTabsParent:hover {
        background: none repeat scroll 0 0 lightgray;
        color: #999999;
        cursor: not-allowed;
    }

.JQCancel {
    border-right-width: 0px;
    height: 30px;
    font-size: 14px;
    padding: 17px 0px 0px 9px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    color: transparent;
    background: url("../images/closepopup.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}


.grdnthdr {
    cursor: move;
    font-weight: bold;
    height: 37px;
    width: 100%;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    background: rgba(179,179,179,1);
    background: -moz-linear-gradient(top, rgba(179,179,179,1) 0%, rgba(173,173,173,1) 50%, rgba(166,166,166,1) 51%, rgba(201,201,201,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,179,179,1)), color-stop(50%, rgba(173,173,173,1)), color-stop(51%, rgba(166,166,166,1)), color-stop(100%, rgba(201,201,201,1)));
    background: -webkit-linear-gradient(top, rgba(179,179,179,1) 0%, rgba(173,173,173,1) 50%, rgba(166,166,166,1) 51%, rgba(201,201,201,1) 100%);
    background: -o-linear-gradient(top, rgba(179,179,179,1) 0%, rgba(173,173,173,1) 50%, rgba(166,166,166,1) 51%, rgba(201,201,201,1) 100%);
    background: -ms-linear-gradient(top, rgba(179,179,179,1) 0%, rgba(173,173,173,1) 50%, rgba(166,166,166,1) 51%, rgba(201,201,201,1) 100%);
    background: linear-gradient(to bottom, rgba(179,179,179,1) 0%, rgba(173,173,173,1) 50%, rgba(166,166,166,1) 51%, rgba(201,201,201,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#c9c9c9', GradientType=0 );
}

.tableReoderHear {
    width: 100%;
    float: left;
    border-width: 1px 1px 0px;
    border-style: solid;
    border-color: rgb(218, 218, 218);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.PortraitStyle {
    border-radius: 10px;
    box-shadow: 10px 10px 5px #888888;
    border: 1px solid lightgray !important;
}

.ui-icon-asc {
    margin-left: -1px !important;
}

.ui-icon-desc {
    margin-left: -2px !important;
}

.ui-grid-ico-sort {
    width: 16px !important;
}


@keyframes ldio-arx40ofe2zc-1 {
    0% {
        top: 36px;
        height: 128px
    }

    50% {
        top: 60px;
        height: 80px
    }

    100% {
        top: 60px;
        height: 80px
    }
}

@keyframes ldio-arx40ofe2zc-2 {
    0% {
        top: 41px;
        height: 116px
    }

    50% {
        top: 60px;
        height: 80px
    }

    100% {
        top: 60px;
        height: 80px
    }
}

@keyframes ldio-arx40ofe2zc-3 {
    0% {
        top: 48px;
        height: 104px
    }

    50% {
        top: 60px;
        height: 80px
    }

    100% {
        top: 60px;
        height: 80px
    }
}

@keyframes ldio-arx40ofe2zc-4 {
    0% {
        top: 48px;
        height: 104px
    }

    50% {
        top: 60px;
        height: 80px
    }

    100% {
        top: 60px;
        height: 80px
    }
}

@keyframes ldio-arx40ofe2zc-5 {
    0% {
        top: 48px;
        height: 104px
    }

    50% {
        top: 60px;
        height: 80px
    }

    100% {
        top: 60px;
        height: 80px
    }
}

.ldio-arx40ofe2zc div {
    position: absolute;
    width: 30px
}

.ldio-arx40ofe2zc div:nth-child(1) {
        left: 35px;
        background: #4b9cc7;
        animation: ldio-arx40ofe2zc-1 1s cubic-bezier(0,0.5,0.5,1) infinite;
        animation-delay: -0.4s
    }

    .ldio-arx40ofe2zc div:nth-child(2) {
        left: 85px;
        background: #a3a3a3;
        animation: ldio-arx40ofe2zc-2 1s cubic-bezier(0,0.5,0.5,1) infinite;
        animation-delay: -0.3s
    }

    .ldio-arx40ofe2zc div:nth-child(3) {
        left: 135px;
        background: #4b9cc7;
        animation: ldio-arx40ofe2zc-3 1s cubic-bezier(0,0.5,0.5,1) infinite;
        animation-delay: -0.2s
    }

    .ldio-arx40ofe2zc div:nth-child(4) {
        left: 181px;
        background: #a3a3a3;
        animation: ldio-arx40ofe2zc-4 1s cubic-bezier(0,0.5,0.5,1) infinite;
        animation-delay: -0.1s
    }

    .ldio-arx40ofe2zc div:nth-child(5) {
        left: 227px;
        background: #4b9cc7;
        animation: ldio-arx40ofe2zc-5 1s cubic-bezier(0,0.5,0.5,1) infinite;
        animation-delay: undefineds
    }

.loadingio-spinner-pulse-mdneysbwwwl {
    width: 300px;
    height: 120px;
    display: inline-block;
    overflow: hidden;
    background: rgba(NaN, NaN, NaN, 0);
}

.ldio-arx40ofe2zc {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

    .ldio-arx40ofe2zc div {
        box-sizing: content-box;
    }
body {
}

.ajaxProgress {
    position: absolute; /*background-color: #fff; background-image:url(../Content/Images/UpdateProgress.gif);*/
    display: none;
    text-align: center;
    opacity: 0.7;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 900;
    background-color: #ccc;
}

.backgroundMask {
    background-color: rgba(0, 0, 0, 0.7);
    display: block;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
}


/*.invalid {
    background: url(../images/red-button.png) no-repeat;
    padding-left: 16px;
    color: #990000;
    /*
    float: left;*/
/*
    width: 275px;
    background-position: 0 3px;
    display: inline;
    margin-left: 5px;
}

.valid {
    background: url(../images/green-button.png) no-repeat;
    float: left;
    width: 275px;
    padding-left: 16px;
    /*color: #008800;*/
/*
    background-position: 0 3px;
    display: inline;
    margin-left: 5px;
}*/


/*
Author: Himanshu Awasthi
Date: July 16,2011
*/


/******************************Model Popup*********************************/
#fade {
    /*--Transparent background layer--*/
    display: none; /*--hidden by default--*/
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 9999;
    background-color: rgba(0,0,0,0.7);
}


#fadepartial {
    background-color: rgba(0, 0, 0, 0.7);
    display: block;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    /*z-index: 500;*/
}


#fadepartialstatic {
    background-color: rgba(0, 0, 0, 0.7);
    display: block;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    /*z-index: 500;*/
}


/*.fade {
    background-color: rgba(0, 0, 0, 0.7);
    display: block;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    /*z-index: 500;
}*/

.lightboxpp {
    background: url(../../Images/box_top_bdr.png) repeat-x scroll transparent right top;
    background-clip: padding-box;
    background-color: white;
    /*border: 15px solid rgb(252, 176, 117);*/
    border: 6px solid #eca558;
    border-radius: 13px 13px 13px 13px;
    padding: 29px 7px 5px;
    position: absolute;
    text-align: right;
     box-shadow:0 1px 15px 10px #888888;
}


.lightboxdriver {
    background-clip: padding-box;
    background-color: white;
    /*border: 15px solid rgb(252, 176, 117);*/
    border: 6px solid #F0EE89;
    border-radius: 13px 13px 13px 13px;
    padding: 29px 7px 5px;
    position: absolute;
    text-align: right;
}

/*#fadepartial {
    display: block; /*--hidden by default--
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 500;
    background-color:rgba(0,0,0,0.7);
}*/

/*.popup_block {
    display: none; /*--hidden by default-- /* background: #fff;
    padding: 20px;
    border: 20px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 30%;
    left: 50%;
    z-index: 99999; /*--CSS3 Box Shadows--
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000; /*--CSS3 Rounded Corners--
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}*/

*html #fade {
    position: absolute;
}

*html .popup_block {
    position: absolute;
}



/**************************************************************************************/
.reset {
    /*position: absolute;*/
    top: 20px;
    right: 20px;
}


.popupbox {
    width: 415px;
    margin: 0 auto;
    top: 45%;
    left: 35%;
    position: absolute;
}

.delpopup {
    width: 520px !important;
    left: 30%;
}

.club {
    width: 460px !important;
}



.lt_top {
    background: url(../images/box_lt_top.png) no-repeat left top;
    width: 17px;
}

.md_top {
    background: url(../images/box_top.png) repeat-x right top;
    height: 28px;
    color: #303030;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0px 0px 0px;
    text-align: left;
}


    .md_top span {
        font-size: 13px;
        font-weight: normal;
        padding: 0px;
        margin: 0px;
    }

    .md_top img {
        vertical-align: middle;
        padding-right: 2px;
    }

.rt_top {
    background: url(../images/box_rt_top.png) no-repeat right top;
    width: 17px;
}


.lt_mid {
    background: url(../images/box_lt.png) repeat-y;
    width: 17px;
}

.md_mid {
    color: #303030;
    font-size: 12px;
    font-weight: bold;
    background: #fff;
    text-align: left;
}

.rt_mid {
    background: url(../images/box_rt.png) repeat-y;
    width: 17px;
}




.md_btm {
    background: url(../images/box_btm.png) repeat-x right top;
    height: 21px;
    color: #303030;
}


.moveablePopup {
    position: absolute; /*left: 50%;             top: 50%;             width: 200px;             height: 200px;             margin-left: -100px;             margin-top: -100px;             -webkit-border-radius: 100px;             -moz-border-radius: 100px;             border-radius: 100px;             background: #ffc;             opacity: 0.5;*/
}


.PopDisableBackGr {
    position: absolute; /*background-color: #fff; background-image:url(../Content/Images/UpdateProgress.gif);*/
    display: none;
    text-align: center; /* opacity: 0.7;     filter: alpha(opacity=70);*/
    width: 100%;
    height: 140%;
    left: 0px;
    top: 0px;
    z-index: 900;
}



.normalTextStyle {
    border: 1px solid #0587B8;
    -moz-box-shadow: 0 0 2px #0587B8;
    -webkit-box-shadow: 0 0 2px #0587B8;
    box-shadow: 0 0 2px #0587B8; /* background-color: #F4F4F4;  */
}

.errorTextStyle {
    border: 1px solid rgb(255,0,0);
    -moz-box-shadow: 0 0 2px rgb(255,0,0);
    -webkit-box-shadow: 0 0 2px rgb(255,0,0);
    box-shadow: 0 0 2px rgb(255,0,0);
    background-color: rgb(255,250,250);
}


.nameTitle {
    color: #3B59AA;
    font-size: 14px;
    font-weight: bold;
}

.errorNotifTip {
    background-image: url('../../Content/Images/errorNotifC.png');
    background-position: left center;
    background-repeat: no-repeat;
    color: white;
    display: none;
    font-weight: bold;
    height: 107px;
    left: 100px;
    position: absolute;
    top: 298px;
    vertical-align: middle;
    width: 206px;
    display: none;
    z-index: 1;
    padding-left: 30px;
    padding-top: 6px;
}

.error {
    position: absolute;
    display: block;
    margin-top: -20px; /* margin-left: 40%;*/
    /*border: 10px solid #5487B6;*/
    /*border: 10px solid rgba(0,147,208,0.6);*/
    border: 6px solid #F0EE89;
    background-color: #fff;
    color: white;
    padding: 7px;
    text-align: left;
    z-index: 9999;
    color: #333333;
    font: 100% arial,helvetica,clean,sans-serif;
    font-size: 15px;
    font-weight: bold;
    width: 250px;
    box-shadow: 0px 0px 20px #000;
    /*border-radius: 10px;*/
}

    .error ul {
        margin-left: 20px;
    }

    .error li {
        list-style: disc outside none;
        padding: 0;
    }



/***KeyNet***********************************************************************************/

.Header {
    background-color: #3892E0;
    border: 2px solid #334657;
    height: 30px;
    width: 100%;
    margin-bottom: 16px;
}

.LabelHeader {
    font-size: 16px;
    font-weight: bold;
    margin-left: 9px;
    margin-top: 29px;
    position: relative;
    top: 6px;
}


.loder {
    background-color: #808080;
    display: none;
    opacity: 0.81;
    position: absolute;
    top: 0;
    z-index: 9999;
}

.loderContent {
    left: 50%;
    position: absolute;
    top: 40%;
}

.LoginControl {
     position: absolute;
    display: block;
    margin-top: -20px; /* margin-left: 40%;*/
    /*border: 10px solid #5487B6;*/
    /*border: 10px solid rgba(0,147,208,0.6);*/
    border: 6px solid #F0EE89;
    background-color: #fff;
    color: white;
    padding: 7px;
    text-align: left;
    z-index: 9999;
    color: #333333;
    font: 100% arial,helvetica,clean,sans-serif;
    font-size: 15px;
    font-weight: bold;
    width: 250px;
    box-shadow: 0px 0px 20px #000;
}