/* Minification failed. Returning unminified contents.
(2509,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'box-sizing('
(6808,15): run-time error CSS1036: Expected expression, found '!important'
 */
.select2-container.form-control {
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
}

.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 34px;
    padding: 2px 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #e5e5e5;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('/css/select2/select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9990;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9991;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #e5e5e5;
    border-top: 0;
}

.select2-drop-auto-width {
    border-top: 1px solid #e5e5e5;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 0;
}

.select2-drop-active {
    border: 1px solid #999999;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #999999;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #e5e5e5;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: transparent;
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('/css/select2/select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    margin: 0;
    outline: 0;
    border: 1px solid #e5e5e5;
    webkit-appearance: none !important;   
    color: #333333;         
    outline: 0;    
    height: auto !important;
    min-height: 26px;
    padding: 6px 6px !important;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;  
    background-color: #ffffff;
    filter: none !important;
    -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('/css/select2/select2-spinner.gif') no-repeat 100%;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #999999 !important;
    outline: none;
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    background-color: #fff;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #999999;
    border-top-color: transparent;
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 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 {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results .select2-highlighted {
    background: #eee;
    color: #333;
}

.select2-results li em {
    background: #eee;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('/css/select2/select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #e5e5e5;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-dropdown-open .select2-choices,
.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #999999 !important;
    outline: none;
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    outline: 0;    
    height: auto;
    min-height: 32px;
    padding: 6px 6px;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: top; 
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;    
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
    margin: 0;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('/css/select2/select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 6px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #e5e5e5;

    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #ffffff;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #ffffff;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: none;
    background: url('/css/select2/select2.png') right top no-repeat;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}
/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
      background-image: url('/css/select2/select2x2.png') !important;
      background-repeat: no-repeat !important;
      background-size: 60px 40px !important;
  }
  .select2-search input {
      background-position: 100% -21px !important;
  }
}


/* Fix z-index when select2 opened in modals*/
.modal-open .select2-drop-mask {
    z-index: 10101;
}

.modal-open .select2-drop {
    z-index: 10102;
}
 
.modal-open .select2-search {
    z-index: 10102;
}
.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0-4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all;will-change:visibility}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{visibility:visible}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable,.choices__list[aria-expanded] .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable::after,.choices__list[aria-expanded] .choices__item--selectable::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}
/* GLOBALS */

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
/*
::selection {
    background: transparent; 
}

::-moz-selection {
    background: transparent; 
}
*/
.wrapper-demo {
    margin: 60px 0 0 0;
    *zoom: 1;
    font-weight: 400;
}

.wrapper-demo:after {
    clear: both;
    content: "";
    display: table;
}

/* DEMO 5 */

.wrapper-dropdown-5 {
    /* Size & position */
    position: relative;
    margin: 0 auto;
    padding: 12px 15px;
    padding-right: 35px;

    /* Styles */
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-5:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #055ca3 transparent; /*border-color: #4cbeff transparent;*/
}

.wrapper-dropdown-5 img {
	height: 15px;
	width: 15px;
	margin-right: 6px;
}

.wrapper-dropdown-5 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Hiding */
    max-height: 0;
    overflow: hidden;
}

.wrapper-dropdown-5 .dropdown li {
    padding: 0 10px ;
}

.wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px 0;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e8ea;
}

.wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none;
}

.wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-5 .dropdown li:hover a {
    color: #57a9d9;
}

/* Active state */

.wrapper-dropdown-5.active {
    border-radius: 5px 5px 0 0;
    background: #055ca3;/*background: #4cbeff;*/
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.wrapper-dropdown-5.active:after {
    border-color: white transparent;
}

.wrapper-dropdown-5.active .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}

/* No CSS3 support: none */

/* remove rounds from all elements */

div, 
input, 
select, 
textarea, 
span, 
img, 
table, 
td, 
th, 
p, 
a, 
button, 
ul,
code,
pre, 
li {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

/***
Buttons & Dropdown Buttons
***/

.btn {
	border-width: 0;
	padding: 7px 14px; 	
  font-size: 14px;  
	outline: none !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;

  -webkit-text-shadow: none;
     -moz-text-shadow: none;
          text-shadow: none;
}

/* fix jumping group buttons */
.btn-group.btn-group-solid .btn + .btn,
.btn-group.btn-group-solid .btn + .btn-group.btn-group-solid,
.btn-group.btn-group-solid .btn-group.btn-group-solid + .btn,
.btn-group.btn-group-solid .btn-group.btn-group-solid + .btn-group.btn-group-solid {
  margin-left: 0px;
}

.btn-group-vertical.btn-group-solid > .btn + .btn,
.btn-group-vertical.btn-group-solid > .btn + .btn-group,
.btn-group-vertical.btn-group-solid > .btn-group + .btn,
.btn-group-vertical.btn-group-solid > .btn-group + .btn-group {
  margin-top: 0px;
  margin-left: 0;
}

.btn-default {
  border-width: 1px;
  padding: 6px 13px;
} 

.btn.red-stripe {
	border-left: 3px solid #d84a38;
}

.btn.blue-stripe {
	border-left: 3px solid #4d90fe;
}

.btn.purple-stripe {
	border-left: 3px solid #852b99;
}

.btn.green-stripe {
	border-left: 3px solid #35aa47;
}

.btn.yellow-stripe {
  border-left: 3px solid #ffb848;
}

.btn.dark-stripe {
  border-left: 3px solid #555555;
}

.btn.default {  
  color: #333333;
  text-shadow: none;  
  background-color: #e5e5e5;
}
.btn.default:hover, 
.btn.default:focus, 
.btn.default:active, 
.btn.default.active,
.btn.default[disabled], 
.btn.default.disabled {    
  color: #333333;
  background-color: #d8d8d8 !important;
  outline: none !important;
}

/*  Red */
.btn.red {
  color: white;  
  text-shadow: none;	
  background-color: #d84a38;
}
.btn.red:hover, 
.btn.red:focus, 
.btn.red:active, 
.btn.red.active,
.btn.red[disabled], 
.btn.red.disabled {    
  background-color: #bb2413 !important;
  color: #fff !important;
  outline: none !important;
}

/*  Blue */

.btn.blue {
  color: white;  
  text-shadow: none;	
  background-color: #4d90fe;
}
.btn.blue:hover, 
.btn.blue:focus, 
.btn.blue:active,
.btn.blue.active,
.btn.blue[disabled],
.btn.blue.disabled {  
  background-color: #0362fd !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.blue.dropdown-toggle {
  background-color: #4d90fe !important;
}
.btn-group .btn.blue:hover, 
.btn-group .btn.blue:focus, 
.btn-group .btn.blue:active, 
.btn-group .btn.blue.active, 
.btn-group .btn.blue.disabled,
.btn-group .btn.blue[disabled] { 
  background-color: #0362fd !important;
  color: #fff !important;
  outline: none !important;
}

/*  Green */
.btn.green {
  color: white;
  text-shadow: none;	 
  background-color: #35aa47;
}
.btn.green:hover, 
.btn.green:focus, 
.btn.green:active, 
.btn.green.active,
.btn.green.disabled, 
.btn.green[disabled]{ 
  background-color: #1d943b !important;
  color: #fff !important;
  outline: none !important;
}

/*  Purple */
.btn.purple {
  color: white; 
  text-shadow: none;	
  background-color: #852b99;
}
.btn.purple:hover, 
.btn.purple:focus, 
.btn.purple:active, 
.btn.purple.active, 
.btn.purple.disabled,
.btn.purple[disabled] { 
  background-color: #6d1b81 !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.purple.dropdown-toggle {
  background-color: #852b99 !important;
}
.btn-group .btn.purple:hover, 
.btn-group .btn.purple:focus, 
.btn-group .btn.purple:active, 
.btn-group .btn.purple.active, 
.btn-group .btn.purple.disabled,
.btn-group .btn.purple[disabled] { 
  background-color: #6d1b81 !important;
  color: #fff !important;
  outline: none !important;
}

/*  Yellow */
.btn.yellow {
  color: white; 
  text-shadow: none;	
  background-color: #ffb848;
}
.btn.yellow:hover, 
.btn.yellow:focus, 
.btn.yellow:active, 
.btn.yellow.active, 
.btn.yellow.disabled,
.btn.yellow[disabled] { 
  background-color: #eca22e !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.yellow.dropdown-toggle {
  background-color: #ffb848 !important;
}
.btn-group .btn.yellow:hover, 
.btn-group .btn.yellow:focus, 
.btn-group .btn.yellow:active, 
.btn-group .btn.yellow.active, 
.btn-group .btn.yellow.disabled,
.btn-group .btn.yellow[disabled] { 
  background-color: #eca22e !important;
  color: #fff !important;
  outline: none !important;
}

/*  Black */
.btn.dark {
  color: white; 
  text-shadow: none;	
  background-color: #555555;
}
.btn.dark:hover, 
.btn.dark:focus, 
.btn.dark:active, 
.btn.dark.active, 
.btn.dark.disabled,
.btn.dark[disabled] { 
  background-color: #222222 !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.dark.dropdown-toggle {
  background-color: #555555 !important;
}
.btn-group .btn.dark:hover, 
.btn-group .btn.dark:focus, 
.btn-group .btn.dark:active, 
.btn-group .btn.dark.active, 
.btn-group .btn.dark.disabled,
.btn-group .btn.dark[disabled] { 
  background-color: #222222 !important;
  color: #fff !important;
  outline: none !important;
}

.btn.gray {
  color: white;  
  text-shadow: none;	
  background-color: #b6b6b6;
}
.btn.gray:hover, 
.btn.gray:focus, 
.btn.gray:active, 
.btn.gray.active,
.btn.gray[disabled], 
.btn.gray.disabled {    
  background-color: #7f7f7f !important;
  color: #fff !important;
  outline: none !important;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  vertical-align: middle;
}

.btn-lg > i {
  font-size: 18px;
}

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

.btn-sm,
.btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.btn-sm > i,
.btn-xs > i {
  font-size: 13px;
} 

.btn-xs {
  padding: 1px 5px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/***
Metro icons
***/

[class^="m-icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;;
  margin-top: 3px;
  line-height: 14px;  
  vertical-align: top;
  background-image: url(../img/syncfusion-icons.png);
  background-position: 0 0;
  background-repeat: no-repeat; 
}

[class^="m-icon-big-"] {
  display: inline-block;
  width: 30px;
  height: 30px; 
  margin: 6px;
  vertical-align: middle;
  background-image: url(../img/syncfusion-icons.png);
  background-position: 0 0px;
  background-repeat: no-repeat; 
}

/* large icons */
.btn.m-icon-big {
  padding: 9px 16px 8px 16px; 
}

.btn.m-icon-big.m-icon-only{
  padding: 9px 8px 8px 0px;
}

.btn.m-icon-big [class^="m-icon-big-"] {
  margin: 0 0 0 10px;
}

.btn.m-icon-ony > i {
  margin-left: 0px;
}

/* default icons */
.btn.m-icon {
  padding: 7px 14px 7px 14px; 
}

.btn.m-icon [class^="m-icon-"] {
  margin: 4px 0 0 5px;
}

.btn.m-icon.m-icon-only {
  padding: 7px 10px 7px 6px;
}

/* white icon */
.m-icon-white {
  background-image: url(../img/syncfusion-icons-white.png);
}

/*  Misc */
.m-icon-swapright {
  background-position: -27px -10px;
}
.m-icon-swapdown {
  background-position: -68px -10px;
}
.m-icon-swapleft {
  background-position: -8px -10px;
}
.m-icon-swapup {
  background-position: -46px -10px;
}
.m-icon-big-swapright{
  background-position: -42px -28px;
}
.m-icon-big-swapdown{
  background-position: -115px -28px;
}
.m-icon-big-swapleft{
  background-position: -6px -28px;
}
.m-icon-big-swapup{
  background-position: -78px -28px;
}


/***
Popover
 ***/
.popover {
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);  
  padding: 0 !important;
}

.popover .popover-title {
    -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
          margin: 0 !important;
}

.info .popover .popover-title,
.popover.info .popover-title,
.info .popover .popover-content,
.popover.info .popover-content {
  color:#27a9e3;
}

.success .popover .popover-title,
.popover.success .popover-title,
.success .popover .popover-content,
.popover.success .popover-content {
  color:#468847;
}

.error .popover .popover-title,
.popover.error .popover-title,
.error .popover .popover-content,
.popover.error .popover-content {
  color:#B94A48;
}

.warning .popover .popover-title,
.popover.warning .popover-title,
.warning .popover .popover-content,
.popover.warning .popover-content {
  color:#C09853;
}

/***
Dropdown
***/

 /*Fixing dropdown issue on mobile devices in Bootstrap 3.2.2*/
.dropdown-backdrop {
  position: static;
}

.dropdown:hover .caret, 
.open.dropdown .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}


.dropdown.open .dropdown-toggle {
  color: #08c;
  background: #ccc;
  background: rgba(0, 0, 0, 0.3);
}

/***
Dropdown Menu
***/

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  list-style: none;
  text-shadow: none;
  padding: 0px;
  margin:0px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  
  font-size: 14px;
  font-family: "Segoe UI",Helvetica, Arial, sans-serif;
  border: 1px solid #ddd;
  width: 100%;
}

.dropdown.inline .dropdown-menu {
  display: inline-block;  
  position: relative;
}

.dropdown-menu.bottom-up {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

.dropdown-menu li > a {
  padding: 6px 0 6px 13px;
  color: #333;
  text-decoration: none;
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  white-space: nowrap;
}

.dropdown-menu li > a:hover, 
.dropdown-menu .active > a, 
.dropdown-menu .active > a:hover {
  text-decoration: none;
  background-image: none;
  background-color: #eee;
  color: #333;
  filter:none;
}

/* dropdown sub menu support for Bootsrap 3 */

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
}

.dropdown-submenu > a:after {
  position: absolute;
  display: inline-block;
  font-size: 14px;
  right: 7px;
  top: 9px;
  font-family: FontAwesome;
  height: auto;
  content: "\f105";
  font-weight: 300;
}

/* hack for chrome and safari */
@media all and (-webkit-min-device-pixel-ratio:0) {
  .dropdown-submenu > a:after {
    top: 7px;
  }
}

.ie1 .dropdown-submenu > a:after {
  margin-top: 2px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

.nav.pull-right > li > .dropdown-menu,
.nav > li > .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

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

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

.nav.pull-right > li > .dropdown-menu .dropdown-menu,
.nav > li > .dropdown-menu.pull-right .dropdown-menu {
  right: 100%;
  left: auto;
  margin-right: -1px;
  margin-left: 0;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}

@media (max-width: 767px) {

  .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    width: auto;
    margin-top: 0;
    background-color: #ffffff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  
  }

  .navbar-nav .open .dropdown-menu > li > a {
     padding: 6px 0 6px 13px;
     color: #333 !important;
  }

  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: #eee !important;
  }

}
 
/* bagin: sidebar menu badges */

/***
Dropdown Checkboxes (in v1.3)
***/
.dropdown-checkboxes {
  padding: 5px;
}

.dropdown-checkboxes label {
  display: block;
  font-weight: 300;
  color: #333;
  margin-bottom: 4px;
  margin-top: 4px; 
}


/***
Dropdown Menu Badges
***/

.dropdown-menu > li > a > .badge {
   position: absolute;
   margin-top: 1px;
   right: 3px;
   display: inline;
   font-size: 11px;
   font-weight: 300;
   text-shadow:none;
    height: 18px;
    padding: 3px 6px 3px 6px;
    text-align: center;
    vertical-align: middle;
   -webkit-border-radius: 12px !important;
      -moz-border-radius: 12px !important;
           border-radius: 12px !important;
}

.dropdown-menu > li > a > .badge.badge-roundless {
   -webkit-border-radius: 0 !important;
      -moz-border-radius: 0 !important;
           border-radius: 0 !important;
}

/* end: sidebar menu badges */

/***
Forms
***/
code {
  border: 1px solid #e1e1e1;
    -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);  
}
label {
  font-weight: 400;
  font-size: 14px;
}

.form-control:-moz-placeholder {
  color: #999999;
}
.form-control::-moz-placeholder {
  color: #999999;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control {  
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #999999;
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

.uneditable-input {
  padding: 6px 12px;
  min-width: 206px;
  font-size: 14px;
  font-weight: normal;
  height: 34px;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

label.form-control {
  display: block;
  margin-bottom: 5px;
}

input[disabled],
select[disabled],
textarea[disabled] {
  cursor: not-allowed;
  background-color: #F4F4F4 !important;
}

input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #F9F9F9 !important;
}

/* input  groups */
.input-group.input-group-fixed {
  width: auto !important;
}

.input-group-addon {
  border-color: #e5e5e5;
  background: #e5e5e5;
}

.input-group-addon > i {
  color: #999;
}

/* form control sizing */
.form-control-inline {
  display: inline-block !important;
}

.input-xsmall {
  width: 60px !important;
}

.input-small {
  width: 120px !important;
}

.input-medium {
  width: 240px !important;
}

.input-large {
  width: 320px !important;
}

.input-xlarge {
  width: 480px !important;
}

/***
Input spinner(in v1.4)
***/

input[type="text"].spinner,
input[type="password"].spinner,
input[type="datetime"].spinner,
input[type="datetime-local"].spinner,
input[type="date"].spinner,
input[type="month"].spinner,
input[type="time"].spinner,
input[type="week"].spinner,
input[type="number"].spinner,
input[type="email"].spinner,
input[type="url"].spinner,
input[type="search"].spinner,
input[type="tel"].spinner,
input[type="color"].spinner {
  background-image: url("../img/input-spinner.gif") !important;
  background-repeat: no-repeat;
  background-position: right 8px;
}

@media (max-width: 768px) {

  .input-large {
    width: 250px !important;
  }

  .input-xlarge {
    width: 300px !important;
  }

} 

/***
Error States
***/

.has-warning .help-inline,
.has-warning .help-block,
.has-warning .control-label {
  color: #c09853;
}

.has-warning .form-control {
  border-color: #c09853;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-warning .form-control:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-warning .input-group-addon {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

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

.has-error .form-control {
  border-color: #b94a48;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-error .form-control:focus {
  border-color: #953b39;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-error .input-group-addon {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.has-success .help-inline,
.has-success .help-block,
.has-success .control-label {
  color: #468847;
}

.has-success .form-control {
  border-color: #468847;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-success .form-control:focus {
  border-color: #356635;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-success .input-group-addon {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

/***
Custom label and badges
***/

.label, 
.badge {
  font-weight: 300;  
  text-shadow: none !important;
}

.label {  
  font-size: 12px;  
  padding: 3px 6px 3px 6px;
}

.label.label-sm {  
  font-size: 12px;
  padding: 1px 4px 1px 4px;
}

h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label,
h7 .label {
  font-size: 75%;
}

.badge {
  font-size: 11px !important;
  font-weight: 300;
  text-align: center;
  /*background-color: #e02222;*/
  height: 18px;
  padding: 3px 6px 3px 6px;
  -webkit-border-radius: 12px !important;
     -moz-border-radius: 12px !important;
          border-radius: 12px !important;
  text-shadow:none !important;
  text-align: center;
  vertical-align: middle;
}

.badge.badge-roundless {
   -webkit-border-radius: 0 !important;
      -moz-border-radius: 0 !important;
           border-radius: 0 !important;
}

.badge-default,
.label-default  {
  background-color: #999 !important;
}

.badge-primary,
.label-primary {
  background-color: #428bca !important;
}

.label-success, 
.badge-success {
  background-color: #3cc051;
  background-image: none !important;
}

.label-warning, 
.badge-warning {
  background-color: #fcb322;
  background-image: none !important;
}

.label-danger, 
.badge-danger {
  background-color: #ed4e2a;
  background-image: none !important;
}

.label-info, 
.badge-info {
  background-color: #57b5e3;
  background-image: none !important;
}

/* fix badge position for navs */
.nav.nav-pills > li > a > .badge {
  margin-top: -2px;
}

.nav.nav-stacked > li > a > .badge {
  margin-top: 1px;
  margin-bottom: 0px;
}

/***
Iconic Labels
***/

.label.label-icon {
  padding: 4px 1px 4px 5px;
  margin-right: 2px;
  text-align: center !important;
}

.ie9 .label.label-icon, 
.ie10 .label.label-icon {
  padding: 3px 0px 3px 3px;
} 

.label.label-icon > i {
  font-size: 12px;
  text-align: center !important;
}


/***
Progress Bars
***/

.progress {  
  border: 0; 
  background-image: none !important;
  filter: none !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;   

}

.progress > .progress-bar-success {
  background-color: #3cc051;
}

.progress > .progress-bar-danger {
  background-color: #ed4e2a;
}

.progress > .progress-bar-info {
  background-color: #57b5e3;
}

.progress > .progress-bar-warning {
  background-color: #fcb322;
}


/***
Pagination
***/
.pagination {
  margin: 10px 0;
}

.pagination .active > a,
.pagination .active > a:hover {
  background: #eee;
  border-color: #dddddd;
  color: #333;
}



/***
wells
***/
.well {  
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

/* Bootstrap Tabs */

.dropup.open > .dropdown-toggle,
.dropdown.open > .dropdown-toggle {
  border-color: #ddd !important;
}

.nav-tabs > li > .dropdown-menu:after,
.nav-pills > li > .dropdown-menu:after,
.navbar-nav > li > .dropdown-menu:after,

.nav-tabs > li > .dropdown-menu:before,
.nav-pills > li > .dropdown-menu:before,
.navbar-nav > li > .dropdown-menu:before {
  display: none !important;
}

.nav-tabs > .dropdown.open > .dropdown-toggle, 
.nav-pills > .dropdown.open > .dropdown-toggle {
  background: #eee !important;
  color: #0d638f !important;
}


.nav-tabs,
.nav-pills {
  margin-bottom: 10px;
}

.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.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;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.tabs-below > .nav-tabs,
.tabs-below > .nav-pills {
  border-bottom: 0;
  margin-bottom: 0px;
  margin-top: 10px;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
  margin-bottom: 0;
  margin-top: 10px;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

/***
Bootstrap modal 
***/

.modal {
  z-index: 10050 !important;
  outline: none !important;
}

.modal-header h3{
  font-weight: 300;
}

.modal-wide {
  width: 60% !important;
}

/**Caso MotoG*/
@media (max-width: 400px) {
    .modal-wide2 {
        width: 85% !important;
        padding-top: 20% !important;
    }
}

/******************************************************************
* Larger Mobile Devices
* This is for devices like the Galaxy Note or something that's 
* larger than an iPhone but smaller than a tablet. 
******************************************************************/
@media (min-width: 401px) and (max-width: 481px) {
    .modal-wide2 {
        width: auto !important;
        padding-top: 20% !important;
    }

    .btnEspacioSuperior {
        padding-top: 15px;
        padding-right: 0px;
    }
}



/******************************************************************
* Tablet & Smaller Laptops
* This will include tablets and some netbooks.
******************************************************************/
@media (min-width: 768px) {
    .modal-wide2 {
        padding-top: 20% !important;
        width: 65% !important;
    }
}

/******************************************************************
* DESKTOP 
* This is the average viewing window. So Desktops, Laptops, and 
* in general anyone not viewing on a mobile device. Here's where
* you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 1030px) {
    .modal-wide2 {
        width: 60% !important;
        padding-top: 5% !important;
    }
}

/******************************************************************
* LARGE VIEWING SIZE 
* This is for the larger monitors and possibly full screen viewers.
******************************************************************/
@media only screen and (min-width: 1240px) {
    .modal-wide2 {
        width: 50% !important;
        padding-top: 5% !important;
    }
}

@media (min-width: 720px) and (device-height: 1280px) {
    .modal-wide2 {
        padding-top: 20% !important;
      /**  width: 95% !important;*/
    }
}

.modal-full {
  width: 100% !important;
}

.modal-35 {
  width: 35% !important;
}

.modal-width480 {
  width: 480px !important;
  max-width: 480px !important;
}

.modal-width560 {
  width: 560px !important;
  max-width: 560px !important;
}

/***
Modal header close button fix
***/
.modal-header .close {
  margin-top: 0px !important;
}

.modal > .loading {
  position: absolute;
  top: 50%;
  left:50%;
  margin-top: -22px;
  margin-left: -22px;
}

.modal-backdrop {
  border: 0 !important;
  outline: none !important;
  z-index: 10049 !important;
}

  .modal-backdrop,
  .modal-backdrop.fade.in {
    background-color: #0B2739 !important;
    opacity: .68 !important;
  }

.modal-open .header .container-fluid {
  padding-right: 37px;
}

body.modal-open{
 
}

/***
Image Carousel
***/
.carousel.image-carousel .carousel-inner {
  padding-top: 0;
  padding-bottom: 0;
}

.carousel.image-carousel .carousel-control i {
  position: absolute;
  top:40%;
}

.carousel.image-carousel.image-carousel-hoverable .carousel-control i { 
  display: none;
}

.carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i {
  display: inline-block;
}

.carousel.image-carousel .carousel-control.left i {
  left:10px;
}

.carousel.image-carousel .carousel-control.right i {
  right:10px;
}

.carousel.image-carousel .carousel-indicators {
  margin-top: 10px;
  bottom: -7px;
}

.carousel.image-carousel .carousel-indicators li {
  background-color: #666;
}

.carousel.image-carousel .carousel-indicators li.active {
  background-color: #333;
}

.carousel.image-carousel .carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px 15px 25px 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel.image-carousel .carousel-caption h4,
.carousel.image-carousel .carousel-caption h3,
.carousel.image-carousel .carousel-caption h2,
.carousel.image-carousel .carousel-caption p {
  text-align: left;
  line-height: 20px;
  color: #ffffff;
}

.carousel.image-carousel .carousel-caption h2,
.carousel.image-carousel .carousel-caption h3,
.carousel.image-carousel .carousel-caption h4 {
  margin: 0 0 5px;
}

.carousel.image-carousel .carousel-caption h2 a,
.carousel.image-carousel .carousel-caption h3 a,
.carousel.image-carousel .carousel-caption h4 a {
  color: #aaa;
} 

.carousel.image-carousel .carousel-caption p {
  margin-bottom: 0;
}

.carousel.image-carousel .item {
  margin: 0;
}

/***
Bootstrap Tables
***/

.table thead > tr > th {
  border-bottom: 0;
}

.table tbody tr.active td,
.table tbody tr.active th {
  background-color: #e9e9e9 !important;
}

.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
  background-color: #e1e1e1 !important;
}

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

/***
Bootstrap Panel
***/

.panel {  
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.textImgEmptyState {
    color: #c9c9c9;
    font-size: 14.5pt;
}

#dialog-Terminos .modal-body,
#dialog-Terminos-Registro .modal-body,
#dialog-Terminos-Reset .modal-body {
  height: 350px;
}

#dialog-Terminos .modal-content {
  padding: 34px;
}

#dialog-Terminos .modal-header span {
  font-size: 16px;
  font-weight: 600;
}

#dialog-Terminos .modal-header {
  padding: 11px 0;
/*  border-bottom: 1px solid #979797;*/
}

#dialog-Terminos .modal-body {
  padding: 10px 0;
}


#dialog-Terminos .modal-footer {
  padding: 0 !important;
}

#dialog-Terminos .modal-body,
#dialog-Terminos .modal-body > div {
  height: 460px;
}

#dialog-Terminos .modal-footer {
  padding-top: 20px;
}

#dialog-Terminos .modal-dialog {
  width: 680px !important;
}

.page-header-nav {
  background-color: transparent;
  border-color: transparent;
  padding-top: 20px;
  margin-bottom: 0;
}

  .page-header-nav .navbar-nav > li > a {
    transition: all 0.3s ease-out;
    padding-bottom: 10px;
  }

.page-header-nav .navbar-nav > li.open > a {
  background-color: #055ca3 !important;
}

.page-header-nav .navbar-nav .open .dropdown-menu {
  padding: 5px 0;
}

  .page-header-nav .navbar-right {
    margin-top: 8px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
  }

  .page-header-nav .navbar-nav > li > a {
    color: #000;
  }

.page-header-nav .navbar-toggle {
  margin-top: 16px;
}

  .page-header-nav .navbar-header .principal {
    padding-right: 10px;
    display: inline;
  }

  .page-header-nav .navbar-header .secundario {
    border-left: 1px solid #666666;
    padding-left: 10px;
    display: inline;
  }

  .page-header-nav .navbar-header img {
    margin-left: 0px;
  }

.navbar-header {
  margin-right: -15px;
  margin-left: 0 !important;
}

@media (max-width: 991px) {
  .modal-dialog {
    /*width: fit-content !important;*/
    max-width: calc(100% - 20px);
  }
}

@media (max-width: 767px) {
  .page-header-nav {
    padding-top: 0;
  }

    .page-header-nav .navbar-right {
      border-top: 1px solid #e7e7e7;
      padding-top: 5px;
      border-bottom: none;
    }

    .page-header-nav .navbar-nav > li > a {
      color: #777;
    }

    .page-header-nav .navbar-nav > li.nav-li-app {
      display: none;
    }


      .page-header-nav .navbar-nav.acceso-fila-pacientes > li.nav-li-app.nav-li-filapacientes,
      .page-header-nav .navbar-nav > li.nav-li-app.nav-li-hubsalud,
      .page-header-nav .navbar-nav > li.nav-li-app.nav-li-phr,
      .page-header-nav .navbar-nav > li.nav-li-app.nav-li-miscitas,
      .page-header-nav .navbar-nav > li.nav-li-app.nav-li-asistente,
      .page-header-nav .navbar-nav > li.nav-li-app.nav-li-asesoresia,
      .page-header-nav .navbar-nav > li.nav-li-app.nav-li-solicitudexamenes,
      .page-header-nav .navbar-nav > li.nav-li-app.nav-li-callcenter,
      .page-header-nav .navbar-nav > li.nav-li-app.nav-li-refiere,
      .page-header-nav .navbar-nav > li.nav-li-app.nav-li-horariosdr {
        display: block;
      }

      .page-header-nav .navbar-collapse {
        border-bottom: 1px solid #e7e7e7;
        margin-top: 10px;
      }

  .page-header-nav .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

    .page-header-nav .navbar-nav .open .dropdown-menu > li > a {
      color: #777 !important;
    }

    .page-header-nav .navbar-nav > li.open > a {
      background-color: transparent !important;
    }

    .page-header-nav .navbar-header .principal {
      max-width: 30%;
      margin-top: 15px;
    }

    .page-header-nav .navbar-header .secundario {
      border-left: none;
      max-width: 30%;
    }

  .modal {
      overflow: auto;
  }

  .modal-width480,
  .modal-width560,
  .modal-full {
    width: auto !important;
  }

  .modal .modal-footer {
    padding-right: 15px;
    padding-left: 15px;
    /*display: flex;
    flex-direction: column-reverse;*/
  }

  .modal .modal-footer .pull-left {
    width: 100%;
    float: none !important;
  }

  .modal .btn,
  .modal .modal-footer .btn {
    width: 100% !important;
    margin: 0 0 10px 0 !important;
  }

  div.dataTables_filter label {
      float: left;
  }

    div.dataTables_filter label input {
      margin-left: 6px;
    }

  table.table .btn {
    width: 100%;
    margin-bottom: 5px;
  }
}

/*********************
 GENERAL UI COLORS 
*********************/

/***
Colors
blue:  #4b8df8
light blue: #bfd5fa
red: #e02222
yellow: #ffb848
green: #35aa47
purple: #852b99
dark: #555555;
light grey: #fafafa;
***/

/*********************
 GENERAL RESET & SETUP 
*********************/

/***
Import fonts
***/

/*Load Open Sans Font from google fonts*/
/*
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
*/

/* load Open Sans Font from local */
/*@import url(../fonts/font.css);*/

/***
Reset and overrides  
***/
/* general body settings */
body { 
  color: #000; 
  padding: 0px !important;
  margin: 0px !important;
  font-size:13px; 
  direction: ltr;
}

/*
Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 
properly apply the media queries in Bootstrap's CSS. To address this, 
you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/
@-webkit-viewport { 
  width: device-width; 
}

@-moz-viewport { 
  width: device-width; 
}

@-ms-viewport { 
  width: device-width; 
}

@-o-viewport { 
  width: device-width; 
}

@viewport { 
  width: device-width; 
}

/* Internet Explorer 10 doesn't differentiate device width from viewport width, 
and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */
@-ms-viewport { 
  width: auto !important; 
}

/* Fix Google Maps canvas
 *
 * Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's
 * global `box-sizing` changes. You may optionally need to reset the `max-width`
 * on images in case you've applied that anywhere else. (That shouldn't be as
 * necessary with Bootstrap 3 though as that behavior is relegated to the
 * `.img-responsive` class.)
 */

.google-map-canvas,
.google-map-canvas * { 
  .box-sizing(content-box); 
}

/* Optional responsive image override */
img { 
  max-width1: none; 
}

/***
General typography 
***/
h1 small,
h2 small,
h3 small, 
h4 small, 
h5 small,
h6 small {
  color: #444;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300 !important;
}

h1.block, 
h2.block, 
h3.block, 
h4.block, 
h5.block, 
h6.block {
  padding-top: 10px;
  padding-bottom: 10px;
}

a {
  text-shadow: none !important;
  color: #0d638f;
}

/***
Fix link outlines after click
***/
a,a:focus, a:hover, a:active {
  outline: 0;
}

/***
General backgrounds. Can be applied to any block or panel
***/

.bg-blue {
  background-image: none !important;
  background-color: #4b8df8 !important;
  border-color:#4b8df8 !important;
  color: #fff !important;
}

.bg-red {
  background-image: none !important;
  background-color: #e02222 !important;
  border-color: #e02222 !important;
  color: #fff !important;
}

.bg-yellow {
  background-image: none !important;
  background-color: #ffb848 !important;
  border-color: #ffb848 !important;
  color: #fff !important;
}

.bg-green {
  background-image: none !important;
  background-color: #35aa47 !important;
  border-color: #35aa47 !important;
  color: #fff !important;
}

.bg-purple {
  background-image: none !important;
  background-color: #852b99 !important;
  border-color: #852b99 !important;
  color: #fff !important;
}

.bg-dark {
  background-image: none !important;
  background-color: #555555 !important;
  border-color: #555555 !important;
  color: #fff !important;
}

.be-grey {
  background-image: none !important;
  background-color: #fafafa !important;
  border-color: #fafafa !important;
}

/***
Font Awesome Icons
***/
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  /*margin-top: 1px;*/
  font-size: 14px;
  *margin-right: .3em;
  line-height: 14px;
}

/***
Make font awesome icons fixed width(latest version issue)
***/
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}

/***
Close icon used for modal dialog and other UI element close buttons
***/
.close {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  width: 9px;
  height: 9px;
  background-repeat: no-repeat !important;
  background-image: url("/css/img/remove-icon-small.png") !important;
}

.minimizarCompartirPantalla {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat !important;
  background-image: url("/css/img/minimize-window-16.png") !important;
  background-size: 16px;
  border: none;
}

/***
General HR
***/

hr {
  margin: 30px 0;
  border: 0;
  border-top: 1px solid #E0DFDF;
  border-bottom: 1px solid #FEFEFE;
}

/***
Tools
***/
.display-none,
.display-hide {
  display: none;
}

.no-space {
  margin: 0px !important;
  padding: 0px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.padding-left-15 {
  padding-left: 15px !important;
}

.padding-right-55 {
  padding-right: 55px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.bold {
  font-weight:600 !important;
}

.fix-margin {
  margin-left: 0px !important
}

.border {
  border: 1px solid red;
}

.inline {
  display: inline;
}

/***
ie8 & ie9 modes
***/
.visible-ie8 {
  display: none;
}

.ie8 .visible-ie8 {
  display: inherit !important;
}

.visible-ie9 {
  display: none;
}

.ie9 .visible-ie9 {
  display: inherit !important;
}

.hidden-ie8 {
  display: inherit;
}

.ie8 .hidden-ie8 {
  display: none !important;
}

.hidden-ie9 {
  display: inherit;
}

.ie9 .hidden-ie9 {
  display: none !important;
}

/********************
 GENERAL LAYOUT 
*********************/

/***
Header and header elements.
***/

.header {
  width: 100%; 
  padding: 0 20px 0 20px;
  margin: 0;
  border: 0px;
  padding: 0px; 
  box-shadow: none;
  height: 42px; 
  min-height: 42px;
}

.header.navbar-fixed-top {
  /*z-index: -9995 !important;*/
}

.header .navbar-brand {
  display: inline-block;
  margin-top: -1px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  width: 225px;
}

.header .navbar-brand img {
  margin-left: 20px;
}

.header .navbar-toggle {
  margin: 8px 6px 4px 6px;
  padding: 0; 
  padding-top:2px;
  padding-bottom: 6px; 
  background-image: none;
  filter:none;
  box-shadow: none;
  color: #fff;
  border: 0;
}

.header .navbar-toggle:hover {
  text-decoration: none;
  background: none;
}

.header .navbar-nav {
  margin-right: 20px;
  display: block; 
}


.header .navbar-nav > li {
  margin: 0px;
  padding: 0px;
}

.header .navbar-nav > li.dropdown, 
.header .navbar-nav > li.dropdown > a {
  padding-left: 4px; 
  padding-right: 4px;
}

.header .navbar-nav > li.dropdown > a:last-child {
  padding-right: 0;
}

.header .navbar-nav > li.dropdown:last-child {
   padding-right: 2px;
}

.header .navbar-nav > li.dropdown .dropdown-toggle {
  margin: 0px;
  padding: 15px 10px 7px 10px;
}

.header .navbar-nav > li.dropdown .dropdown-toggle > i {
  font-size: 18px;
}

.header .navbar-nav > li.dropdown .dropdown-menu > li > a > i {
  font-size: 14px;
}

.header .navbar-nav > li.dropdown.user .dropdown-toggle {
  padding: 7px 4px 6px 9px;
}

.header .navbar-nav > li.dropdown.user .dropdown-toggle:hover {
  text-decoration: none;
}

.header .navbar-nav > li.dropdown.user .dropdown-toggle .username {
  color: #ddd;
}

.header .navbar-nav li.dropdown.user .dropdown-toggle i {
  display: inline-block;
  margin-top: 5px;
  margin: 0;
  font-size: 16px;
}

.header .navbar-nav > li.dropdown.user .dropdown-menu i {
  width: 15px;
  display: inline-block;
}

.header .navbar-nav > li.dropdown .dropdown-toggle .badge {
  position: absolute;
  top: 8px;
  right: 20px;
}

/* language bar */

.header .navbar-nav > li.dropdown.language {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.header .navbar-nav > li.dropdown.language > a {
  color: #ddd;
  font-size: 13px;
  padding: 10px 1px 12px 5px;
}

.header .navbar-nav > li.dropdown.language > a > img {
  margin-bottom: 2px;
}

.header .navbar-nav > li.dropdown.language > a > i {
  font-size: 16px;
}

.header .navbar-nav > li.dropdown.language > .dropdown-menu > li > a > img {
  margin-bottom: 2px;
}

.header .navbar-nav .dropdown-menu {
  margin-top: 3px;
}

/***
Page container
***/
.page-container {
  margin: 0px;
  padding: 0px;
}

.page-header-fixed .page-container {
  /*margin-top: 42px;*/  
}

/***
Page sidebar
***/

/* ie8 fixes */
.ie8 .page-sidebar {
  position: absolute;
  width: 225px;
}

.page-sidebar.navbar-collapse {
  padding: 0;
}

.page-sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0;
  padding: 0; 
}

.page-sidebar-menu > li {
  display: block;
  margin: 0;
  padding: 0; 
  border: 0px;
}

.page-sidebar-menu > li.start > a {
   border-top-color: transparent !important;
}

.page-sidebar-menu > li:last-child > a,
.page-sidebar-menu > li.last > a {
   border-bottom-color: transparent !important;
}

.page-sidebar-menu > li > a {
  display: block;
  position: relative;
  margin: 0;
  border: 0px;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
}

.page-sidebar-fixed .page-sidebar-menu > li > a {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
}

.page-sidebar-menu > li > a i {
  font-size: 16px;
  margin-right: 5px;
  text-shadow:none; 
}

.page-sidebar-menu > li.break {
  margin-bottom: 20px;
}

.page-sidebar-menu > li.active > a {
  border: none; 
  text-shadow:none;
}  

.page-sidebar-menu > li.active > a .selected {
  display: block;
  width: 8px;
  height: 25px;
  background-image: url("/css/img/sidebar-menu-arrow.png");
  float: right;
  position: absolute;
  right:0px;
  top:8px;
}

.page-sidebar ul > li > a > .arrow:before {  
   float: right;
   margin-top: 0px;
   margin-right: 5px;
   display: inline;
   font-size: 16px;
   font-family: FontAwesome;
   height: auto;
   content: "\f104";
   font-weight: 300;
   text-shadow:none;
}

.page-sidebar-menu > li > a > .arrow.open:before {   
   float: right;
   margin-top: 0px;
   margin-right: 3px;
   display: inline;
   font-family: FontAwesome;
   height: auto;
   font-size: 16px;
   content: "\f107";
   font-weight: 300;
   text-shadow:none;
}

/* bagin: sidebar menu badges */
.page-sidebar-menu li > a > .badge {
   float: right;
   margin-top: 1px;
   margin-right: 13px;
}

/* end: sidebar menu badges */

.page-sidebar-menu .sub-menu {
  padding: 0;
}

.page-sidebar-menu > li > ul.sub-menu {
  display: none;
  list-style: none;
  clear: both;
  margin: 8px 0px 8px 0px;
}

.page-sidebar-menu > li.active > ul.sub-menu {
  display: block;
}

.page-sidebar-menu > li > ul.sub-menu > li {
  background: none;
  margin: 0px;
  padding: 0px;
  margin-top: 1px !important;
}

.page-sidebar-menu > li > ul.sub-menu > li > a {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px;
  padding-left: 44px !important;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  background: none;
}

/* 3rd level sub menu */
.page-sidebar-menu > li > ul.sub-menu  > li ul.sub-menu {
  display: none;
  list-style: none;
  clear: both;
  margin: 0px 0px 0px 0px;
}

.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow:before   {  
   float: right;
   margin-top: 1px;
   margin-right: 20px;
   display: inline;
   font-size: 16px;
   font-family: FontAwesome;
   height: auto;
   content: "\f104";
   font-weight: 300;
   text-shadow:none;
}

.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow.open:before {   
   float: right;
   margin-top: 1px;
   margin-right: 18px;
   display: inline;
   font-family: FontAwesome;
   height: auto;
   font-size: 16px;
   content: "\f107";
   font-weight: 300;
   text-shadow:none;
}

.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu {
  display: block;
}

.page-sidebar-menu > li > ul.sub-menu > li  ul.sub-menu li {
  background: none;
  margin: 0px;
  padding: 0px;
  margin-top: 1px !important;
}

.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  background: none;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  
  padding-left: 60px;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  
  padding-left: 80px;
}

.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu {
  display: block;
}


.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a > i {
  font-size: 13px;
}

/* sidebar search */
.page-sidebar .sidebar-search {
  padding:0;
  margin: 0;
}

.page-sidebar .sidebar-search .form-container {
  margin: 15px 20px 15px 20px;
  height: 35px;
  padding-top: 7px;
}

.page-sidebar .sidebar-search .form-container .submit {  
  display: block;
  float: right;
  margin-top: 3px;
  width: 13px;
  height: 15px;
  background-repeat: no-repeat;
  box-shadow: none;
  border: 0px; 
  padding: 0px;
  outline: none !important;
}
 
.page-sidebar .sidebar-search .form-container input[type="text"] {
  margin: 0px;
  width: 165px;
  border: 0px;
  padding: 0 !important;
  font-size: 14px !important;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: normal;
}

.page-sidebar .sidebar-search .form-container input[type="text"]:focus {
  outline: none !important;
}

/***
Sidebar toggler(show/hide)
***/

.page-sidebar .sidebar-toggler {
  cursor: pointer; 
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin-top: 15px;
  margin-left: 175px;
  width: 29px;
  height: 29px;
  background-repeat: no-repeat;
}

.sidebar-toggler:hover { 
  filter: alpha(opacity=100);
  opacity: 1;
}

.page-sidebar-closed .sidebar-toggler {  
  margin-left: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container {  
  width: 29px;
  margin-left: 3px; 
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container .input-box {  
  border-bottom: 0 !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container input[type="text"] {
  display: none;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container .submit { 
  margin-top: 5px !important;
  margin-left: 7px !important;
  margin-right: 7px !important;
  display: block !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
  width: 255px;
  position: relative;
  z-index: 1;
  padding-top: 0px;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container input[type="text"] {  
  margin-top: 7px;
  margin-left: 8px;
  padding-left: 10px;
  padding-bottom: 2px;
  width: 185px;
  display: inline-block !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .submit {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 11px 8px 9px 6px !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
  margin: 12px 8px 9px 8px !important;
  display: inline-block !important;
  float: left !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a .selected {
  right: -3px !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a > .title,
.page-sidebar-closed .page-sidebar-menu > li > a > .arrow {
  display: none !important;
}

.page-sidebar-closed .sidebar-toggler {
  margin-right: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search {
  margin-top: 6px;
  margin-bottom: 6px;
}

.page-sidebar-closed .page-sidebar-menu {
  width: 35px !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a {
  padding-left: 7px;
}

.page-sidebar-fixed.page-sidebar-closed .page-sidebar-menu > li > a {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
}

.page-sidebar-closed .page-sidebar-menu > li:hover {
  width: 236px !important;
  position: relative !important;
  z-index: 2000;
  display: block !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover .selected {
  display: none;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > a > i {
  margin-right: 10px;
}

.page-sidebar-closed .page-sidebar-menu > li:hover .title {
  display: inline !important;
}

.page-sidebar-closed .page-sidebar-menu > li > .sub-menu {
  display: none !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu {  
  width: 200px;
  position: absolute;
  z-index: 2000;
  left: 36px;
  margin-top: 0;
  top: 100%;
  display: block !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu,
.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu {
  width: 200px;
}

/* 2rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > a {
  padding-left: 15px !important;
}

/* 3rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > a {  
  padding-left: 30px !important;
}

/* 4rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > .sub-menu > li > a {  
  padding-left: 45px !important;
}

/* sidebar container */
 
.page-sidebar-closed  .page-sidebar {
  width: 35px;
}

.page-sidebar-closed  .page-content {
  margin-left: 35px !important;
}

@media (max-width: 991px) {
  .page-sidebar-closed .page-content {
    margin-left: 0px !important;
  }

  .page-content.page-content-open {
    margin-left: 35px !important;
  }
}


  /***
Page content
***/
  .page-content {
    margin-top: 0px;
    padding: 0px;
    background-color: #fff;
  }

  .ie8 .page-content {
    padding: 20px;
    margin-left: 225px;
    margin-top: 0px;
    min-height: 760px;
  }

  .ie8 .page-sidebar-fixed .page-content {
    min-height: 600px;
  }

  .ie8 .page-content.no-min-height {
    min-height: auto;
  }

  .page-full-width .page-content {
    margin-left: 0px !important;
  }


  /***
Page title
***/
  .page-title {
    padding: 0px;
    font-size: 30px;
    letter-spacing: -1px;
    display: block;
    color: #666;
    margin: 0px 0px 15px 0px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
  }

    .page-title small {
      font-size: 14px;
      letter-spacing: 0px;
      font-weight: 300;
      color: #888;
    }

  /***
Page breadcrumb
***/

  .ie8 .row .page-breadcrumb.breadcrumb > li {
    margin-right: 1px;
  }

  .page-content .page-breadcrumb.breadcrumb {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding-right: 30px;
    padding-left: 8px;
    margin-top: 15px;
    margin-bottom: 25px;
    border: 0px !important;
    background-color: #eee;
  }

    .page-content .page-breadcrumb.breadcrumb > li > a,
    .page-content .page-breadcrumb.breadcrumb > li > i,
    .page-content .page-breadcrumb.breadcrumb > li > span {
      color: #333;
      font-size: 14px;
      text-shadow: none;
    }

    .page-content .page-breadcrumb.breadcrumb > li > i {
      color: #666;
    }

    .page-content .page-breadcrumb.breadcrumb > li + li:before {
      display: none;
    }

    /* Dashboard breadcrumb Dropdown */
    .page-content .page-breadcrumb.breadcrumb .btn-group {
      right: 15px;
      position: absolute;
      margin-top: -8px;
    }

    .page-content .page-breadcrumb.breadcrumb > .btn-group .btn {
      padding-top: 8px;
      padding-bottom: 8px;
    }

    /* Dashboard date range panel */
    .page-content .page-breadcrumb.breadcrumb .dashboard-date-range {
      position: relative;
      top: -8px;
      margin-right: -30px;
      display: none;
      padding: 9px 9px 8px 9px;
      cursor: pointer;
      color: #fff;
      background-color: #e02222;
    }

  /* hack for chrome and safari */
  @media all and (-webkit-min-device-pixel-ratio:0) {
    .page-content .page-breadcrumb.breadcrumb .dashboard-date-range {
      padding: 9px;
    }
  }

  .page-content .page-breadcrumb.breadcrumb .dashboard-date-range > span {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
  }

  .page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .icon-calendar {
    text-transform: normal;
    color: #fff;
    margin-top: 0px;
    font-size: 14px;
  }

  .page-content .page-breadcrumb.breadcrumb .dashboard-date-range > .icon-angle-down {
    color: #fff;
    font-size: 16px;
  }

  /***
Footer
***/

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

    .footer:after {
      clear: both;
    }

    .footer .footer-tools {
      float: right;
      display: inline-block;
    }

      .footer .footer-tools .go-top {
        display: block;
        text-decoration: none;
        cursor: pointer;
        margin-top: -2px;
        margin-right: 0px;
        margin-bottom: 0px;
        font-size: 16px;
        padding: 0px 6px 0px 6px;
      }

        .footer .footer-tools .go-top i {
          font-size: 22px;
          margin-bottom: 5px;
        }


  /********************
 GENERAL UI ELEMENTS 
*********************/

  /***
Icon stuff
***/
  i.icon, a.icon {
    color: #999;
    margin-right: 5px;
    font-weight: normal;
    font-size: 13px;
  }

  i.icon-black {
    color: #000 !important;
  }

  a.icon:hover {
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    opacity: .4;
    filter: alpha(opacity=40);
  }

  a.icon.huge i {
    font-size: 16px !important;
  }

  i.big {
    font-size: 20px;
  }

  i.warning {
    color: #d12610;
  }

  i.critical {
    color: #37b7f3;
  }

  i.normal {
    color: #52e136;
  }

  /***
Custom wells
***/
  .well {
    background-color: #fafafa;
    border: 1px solid #eee;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }


    .well.mini {
      padding: 7px !important;
    }

  .well-text {
    color: #8b8b8b;
  }

  /***
Form stuff
***/


  /***
Bordered form layout
***/

  /***
Input icons
***/

  /* input with right aligned and colored icons */

  /* input with left aligned icons */
  .input-icon {
    position: relative;
  }


    .input-icon input {
      padding-left: 33px !important;
    }

    .input-icon i {
      color: #ccc;
      display: block;
      position: absolute;
      margin: 7px 2px 4px 10px;
      width: 16px;
      height: 16px;
      font-size: 16px;
      text-align: center;
    }

    .input-icon.right input {
      padding-left: 12px !important;
      padding-right: 33px !important;
    }

    .input-icon.right i {
      right: 8px;
      float: right;
    }

  .input-upper input {
    text-transform: uppercase;
  }

  .has-success .input-icon > i {
    color: #468847;
  }

  .has-warning .input-icon > i {
    color: #c09853;
  }

  .has-error .input-icon > i {
    color: #b94a48;
  }

  /***
Portlets
***/
  .portlet {
    clear: both;
    margin-top: 0px;
    margin-bottom: 25px;
    padding: 0px;
  }

    .portlet > .portlet-title {
      margin-bottom: 15px;
      border-bottom: 1px solid #eee;
    }

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

      .portlet > .portlet-title:after {
        clear: both;
      }

      .portlet > .portlet-title > .caption {
        float: left;
        display: inline-block;
        font-size: 18px;
        line-height: 18px;
        font-weight: 400;
        margin: 0;
        padding: 0;
        margin-bottom: 8px;
      }

        .portlet > .portlet-title > .caption > i {
          float: left;
          margin-top: 4px;
          display: inline-block !important;
          font-size: 13px;
          margin-right: 5px;
          color: #666;
        }

    .portlet.blue > .portlet-title > .caption, .portlet-title.blue > .caption,
    .portlet.green > .portlet-title > .caption, .portlet-title.green > .caption,
    .portlet.yellow > .portlet-title > .caption, .portlet-title.yellow > .caption,
    .portlet.red > .portlet-title > .caption, .portlet-title.red > .caption,
    .portlet.purple > .portlet-title > .caption, .portlet-title.purple > .caption,
    .portlet.grey > .portlet-title > .caption, .portlet-title.dark-grey > .caption, {
      color: #fff;
    }

    .portlet.box.blue > .portlet-title > .caption > i,
    .portlet.box.green > .portlet-title > .caption > i,
    .portlet.box.grey > .portlet-title > .caption > i,
    .portlet.box.yellow > .portlet-title > .caption > i,
    .portlet.box.red > .portlet-title > .caption > i,
    .portlet.box.purple > .portlet-title > .caption > i,
    .portlet.box.light-grey > .portlet-title > .caption > i {
      color: #fff;
    }

  .sortable .portlet > .portlet-title {
    cursor: move;
  }

  .portlet > .portlet-title > .tools,
  .portlet > .portlet-title > .actions {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-top: 6px;
    float: right;
  }

    .portlet > .portlet-title > .tools > a {
      display: inline-block;
      height: 16px;
      margin-left: 5px;
    }

    .portlet > .portlet-title > .actions > .dropdown-menu i {
      color: #000 !important;
    }

    .portlet > .portlet-title > .tools > a.remove {
      margin-bottom: 2px;
      background-image: url(../img/portlet-remove-icon.png);
      background-repeat: no-repeat;
      width: 11px;
    }

    .portlet > .portlet-title > .tools > a.config {
      margin-bottom: 2px;
      background-image: url(../img/portlet-config-icon.png);
      background-repeat: no-repeat;
      width: 12px;
    }

    .portlet > .portlet-title > .tools > a.reload {
      margin-bottom: 2px;
      background-image: url(../img/portlet-reload-icon.png);
      width: 13px;
    }

    .portlet > .portlet-title > .tools > a.expand {
      margin-bottom: 2px;
      background-image: url(../img/portlet-expand-icon.png);
      width: 14px;
    }

    .portlet > .portlet-title > .tools > a.collapse {
      margin-bottom: 2px;
      background-image: url(../img/portlet-collapse-icon.png);
      width: 14px;
    }

    .portlet > .portlet-title > .tools > a:hover {
      text-decoration: none;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
      opacity: .6;
      filter: 'alpha(opacity=60)';
    }

    .portlet > .portlet-title > .actions > .btn-group {
      margin-top: -12px;
    }

    .portlet > .portlet-title > .actions > .btn {
      padding: 4px 10px;
      margin-top: -14px;
    }

    .portlet > .portlet-title > .actions > .btn-group > .btn {
      padding: 4px 10px;
      margin-top: -1px;
    }

    .portlet > .portlet-title > .actions > .btn.btn-sm {
      padding: 3px 8px;
      margin-top: -14px;
    }

    .portlet > .portlet-title > .actions > .btn-group > .btn-sm {
      padding: 3px 8px;
      margin-top: -1px;
    }

  .portlet > .portlet-title > .pagination.pagination-sm {
    float: right !important;
    display: inline-block !important;
    margin: 0px;
    margin-top: -4px;
  }

  .portlet > .portlet-body {
    clear: both;
    padding: 0;
  }

    .portlet > .portlet-body.light-blue, .portlet.light-blue {
      background-color: #bfd5fa !important;
    }

    .portlet > .portlet-body.blue, .portlet.blue {
      background-color: #4b8df8 !important;
    }

    .portlet > .portlet-body.red, .portlet.red {
      background-color: #e02222 !important;
    }

    .portlet > .portlet-body.yellow, .portlet.yellow {
      background-color: #ffb848 !important;
    }

    .portlet > .portlet-body.green, .portlet.green {
      background-color: #35aa47 !important;
    }

    .portlet > .portlet-body.purple, .portlet.purple {
      background-color: #852b99 !important;
    }

    .portlet > .portlet-body.light-grey, .portlet.light-grey {
      background-color: #fafafa !important;
    }

    .portlet > .portlet-body.grey, .portlet.grey {
      background-color: #555555 !important;
    }

  /*  draggable girds */

  .ui-sortable-placeholder {
    border: 1px dotted black;
    visibility: visible !important;
    height: 100% !important;
  }

    .ui-sortable-placeholder * {
      visibility: hidden;
    }

  .sortable-box-placeholder {
    background-color: #f5f5f5;
    border: 1px dashed #DDDDDD;
    display: block;
    /* float: left;*/
    margin-top: 0px !important;
    margin-bottom: 24px !important;
  }

    .sortable-box-placeholder * {
      visibility: hidden;
    }

  /***
Solid colored portlet
***/
  .portlet.solid {
    padding: 10px;
  }

    .portlet.solid > .portlet-title > .tools {
      margin-top: 2px;
      border: 0px;
    }

    .portlet.solid > .portlet-title {
      margin-bottom: 5px;
      border: 0px;
    }

    .portlet.solid.bordered > .portlet-title {
      margin-bottom: 15px;
    }

    .portlet.solid.red > .portlet-title,
    .portlet.solid.red > .portlet-title > .caption > i,
    .portlet.solid.red > .portlet-body,
    .portlet.solid.green > .portlet-title,
    .portlet.solid.green > .portlet-title > .caption > i,
    .portlet.solid.green > .portlet-body,
    .portlet.solid.yellow > .portlet-title,
    .portlet.solid.yellow > .portlet-title > .caption > i,
    .portlet.solid.yellow > .portlet-body,
    .portlet.solid.grey > .portlet-title,
    .portlet.solid.grey > .portlet-title > .caption > i,
    .portlet.solid.grey > .portlet-body,
    .portlet.solid.purple > .portlet-title,
    .portlet.solid.purple > .portlet-title > .caption > i,
    .portlet.solid.purple > .portlet-body,
    .portlet.solid.blue > .portlet-title,
    .portlet.solid.blue > .portlet-title > .caption > i,
    .portlet.solid.blue > .portlet-body {
      border: 0;
      color: #fff;
    }

  .portlet.bordered {
    border-left: 2px solid #ddd;
  }

  /***
Box portlet
***/


  .portlet.box {
    padding: 0px !important
  }

    .portlet.box > .portlet-title {
      padding: 8px 10px 2px 10px;
      border-bottom: 1px solid #eee;
      color: #fff !important;
    }

      .portlet.box > .portlet-title > .actions > .btn > i {
        color: #fff !important;
      }

      .portlet.box > .portlet-title > .tools {
        margin-top: 3px;
      }

        .portlet.box > .portlet-title > .tools > a.remove,
        .portlet.solid > .portlet-title > .tools > a.remove {
          background-image: url(../img/portlet-remove-icon-white.png);
        }

        .portlet.box > .portlet-title > .tools > a.config,
        .portlet.solid > .portlet-title > .tools > a.config {
          background-image: url(../img/portlet-config-icon-white.png);
        }

        .portlet.box > .portlet-title > .tools > a.reload,
        .portlet.solid > .portlet-title > .tools > a.reload {
          background-image: url(../img/portlet-reload-icon-white.png);
        }

        .portlet.box > .portlet-title > .tools > a.expand,
        .portlet.solid > .portlet-title > .tools > a.expand {
          background-image: url(../img/portlet-expand-icon-white.png);
        }

        .portlet.box > .portlet-title > .tools > a.collapse,
        .portlet.solid > .portlet-title > .tools > a.collapse {
          background-image: url(../img/portlet-collapse-icon-white.png);
        }

    /* portlet buttons */
    .portlet.box > .portlet-body {
      background-color: #fff;
      padding: 10px;
    }

    .portlet.box > .portlet-title {
      margin-bottom: 0px;
    }

    .portlet.box.blue > .portlet-title {
      background-color: #4b8df8;
    }

    .portlet.box.blue {
      border: 1px solid #b4cef8;
      border-top: 0;
    }

    .portlet.box.red > .portlet-title {
      background-color: #e02222;
    }

    .portlet.box.red {
      border: 1px solid #ef8476;
      border-top: 0;
    }

    .portlet.box.yellow > .portlet-title {
      background-color: #ffb848;
    }

    .portlet.box.yellow {
      border: 1px solid #fccb7e;
      border-top: 0;
    }

    .portlet.box.green > .portlet-title {
      background-color: #35aa47;
    }

    .portlet.box.green {
      border: 1px solid #77e588;
      border-top: 0;
    }

    .portlet.box.purple > .portlet-title {
      background-color: #852b99;
    }

    .portlet.box.purple {
      border: 1px solid #af5cc1;
      border-top: 0;
    }

    .portlet.box.grey > .portlet-title {
      background-color: #555555;
    }

    .portlet.box.grey {
      border: 1px solid #9d9c9c;
      border-top: 0;
    }

    .portlet.box.light-grey > .portlet-title {
      background-color: #aaa;
    }

    .portlet.box.light-grey {
      border: 1px solid #bbb;
      border-top: 0;
    }

  /***
Charts and statistics
***/
  .chart, .pie, .bars {
    overflow: hidden;
    height: 300px;
  }

  /***
Statistic lists
***/
  .item-list.table .percent {
    width: 30px;
    float: right;
    margin-right: 10px;
    margin-top: 3px;
  }

  .item-list.table .title {
    padding-top: -5px;
  }

  /***
Chart tooltips
***/
  .chart-tooltip {
    clear: both;
    z-index: 100;
    background-color: #736e6e !important;
    padding: 5px !important;
    color: #fff;
  }

    .chart-tooltip .label {
      clear: both;
      display: block;
      margin-bottom: 2px;
    }

  /***
Mini chart containers
***/
  .bar-chart {
    display: none
  }

  .line-chart {
    display: none
  }

  /***
Custom icon buttons
***/
  .icon-btn {
    height: 60px;
    min-width: 80px;
    margin: 5px 5px 0 0;
    border: 1px solid #ddd;
    padding: 12px 0px 0px 0px;
    background-color: #fafafa !important;
    background-image: none !important;
    filter: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    display: inline-block !important;
    color: #646464 !important;
    text-shadow: none !important;
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
  }

    .icon-btn i {
      font-size: 18px;
    }

  .ie8 .icon-btn:hover {
    filter: none !important;
  }

  .icon-btn:hover {
    text-decoration: none !important;
    border-color: #999 !important;
    color: #444 !important;
    text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }

    .icon-btn:hover .badge {
      -webkit-transition: all 0.3s ease !important;
      -moz-transition: all 0.3s ease !important;
      -ms-transition: all 0.3s ease !important;
      -o-transition: all 0.3s ease !important;
      transition: all 0.3s ease !important;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
    }

  .icon-btn div {
    font-family: 'Open Sans', sans-serif;
    margin-top: 5px;
    margin-bottom: 20px;
    color: #000;
    font-size: 12px;
    font-weight: 300;
  }

  .icon-btn .badge {
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px !important;
    font-weight: 300;
    top: -5px;
    right: -5px;
    padding: 3px 6px 3px 6px;
    color: white !important;
    text-shadow: none;
    border-width: 0;
    border-style: solid;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  /* extended dropdowns */
  .dropdown-menu.extended {
    min-width: 160px !important;
    max-width: 300px !important;
    width: 233px !important;
    background-color: #ffffff !important;
  }

    .dropdown-menu.extended:before,
    .dropdown-menu.extended:after {
      border-bottom-color: #ddd !important;
    }

    .dropdown-menu.extended li a {
      display: block;
      padding: 5px 10px !important;
      clear: both;
      font-weight: normal;
      line-height: 20px;
      white-space: normal !important;
    }

    .dropdown-menu.extended li i {
      margin-right: 3px;
    }

    .dropdown-menu.extended li a {
      font-size: 13px;
      padding: 10px !important;
      background-color: #ffffff;
    }

      .dropdown-menu.extended li a:hover {
        background-image: none;
        background-color: #f5f5f5;
        color: #000;
        filter: none;
      }

    .dropdown-menu.extended li p {
      padding: 10px;
      background-color: #eee;
      margin: 0px;
      font-size: 14px;
      font-weight: 300;
      color: #000;
    }

    .dropdown-menu.extended li a {
      padding: 7px 0 5px 0px;
      list-style: none;
      border-bottom: 1px solid #f4f4f4 !important;
      font-size: 12px;
      text-shadow: none;
    }

    .dropdown-menu.extended li:first-child a {
      border-top: none;
      border-bottom: 1px solid #f4f4f4 !important;
    }

    .dropdown-menu.extended li:last-child a {
      border-top: 1px solid white !important;
      border-bottom: 1px solid #f4f4f4 !important;
    }

    .dropdown-menu.extended li.external > a {
      font-size: 13px;
      font-weight: 400;
    }

      .dropdown-menu.extended li.external > a > i {
        margin-top: 3px;
        float: right;
      }

  /* header notifications dropdowns */
  .dropdown-menu .dropdown-menu-list.scroller {
    padding-right: 0 !important;
    padding-left: 0;
    list-style: none;
  }

  .dropdown-menu.notification li > a .time {
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    font-style: italic;
  }

  /* header inbox dropdowns */
  .dropdown-menu.inbox li > a .photo {
    float: left;
    padding-right: 6px;
  }

    .dropdown-menu.inbox li > a .photo > img {
      height: 40px;
      width: 40px;
    }

  .dropdown-menu.inbox li > a .subject {
    display: block;
  }

    .dropdown-menu.inbox li > a .subject .from {
      font-size: 14px;
      font-weight: 400;
      color: #02689b;
    }

    .dropdown-menu.inbox li > a .subject .time {
      font-size: 12px;
      font-weight: 600;
      font-style: italic;
      position: relative;
      float: right;
    }

  .dropdown-menu.inbox li > a .message {
    display: block !important;
    font-size: 12px;
  }

  /* header tasks */
  .dropdown-menu.tasks .task {
    margin-bottom: 5px;
  }

    .dropdown-menu.tasks .task .desc {
      font-size: 13px;
      font-weight: 300;
    }

    .dropdown-menu.tasks .task .percent {
      font-size: 14px;
      font-weight: 600;
      font-family: 'Open Sans', sans-serif;
      float: right;
      display: inline-block;
    }

  .dropdown-menu.tasks .progress {
    display: block;
    height: 11px;
    margin: 0px;
  }

  /***
General list for item with image
***/
  .item-list li .img {
    height: 50px;
    width: 50px;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
  }

  .item-list {
    margin: 0px;
    list-style: none;
  }

    .item-list li {
      padding: 7px 0 5px 0px;
      list-style: none;
      border-top: 1px solid white;
      border-bottom: 1px solid #EBEBEB;
      font-size: 12px;
    }

      .item-list li:first-child {
        border-top: none;
        border-bottom: 1px solid #EBEBEB;
      }

      .item-list li:last-child {
        border-top: none;
        border-bottom: none;
      }

      .item-list li .label {
        margin-right: 5px;
      }

    .item-list.todo li .label {
      position: absolute;
      right: 80px;
    }

    .item-list.todo li .actions {
      position: absolute;
      right: 45px;
    }

  /***
Custom tables
***/
  .table-toolbar {
    margin-bottom: 15px;
  }

  .table.table-full-width {
    width: 100% !important;
  }

  .table .m-btn {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
  }

  .table thead tr th {
    font-size: 14px;
    font-weight: 600;
  }

  .table-advance {
    margin-bottom: 10px !important;
  }

    .table-advance thead {
      color: #999;
    }

      .table-advance thead tr th {
        background-color: #DDD;
        font-size: 14px;
        font-weight: 400;
        color: #666;
      }

    .table-advance div.success,
    .table-advance div.info,
    .table-advance div.important,
    .table-advance div.warning,
    .table-advance div.danger {
      position: absolute;
      margin-top: -5px;
      float: left;
      width: 2px;
      height: 30px;
      margin-right: 20px !important;
    }

    .table-advance tr td {
      border-left-width: 0px;
    }

      .table-advance tr td:first-child {
        border-left-width: 1px !important;
      }

      .table-advance tr td.highlight:first-child a {
        margin-left: 15px;
      }

    .table-advance td.highlight div.success {
      border-left: 2px solid #66ee66;
    }

    .table-advance td.highlight div.info {
      border-left: 2px solid #87ceeb;
    }

    .table-advance td.highlight div.important {
      border-left: 2px solid #f02c71;
    }

    .table-advance td.highlight div.warning {
      border-left: 2px solid #fdbb39;
    }

    .table-advance td.highlight div.danger {
      border-left: 2px solid #e23e29;
    }


  /***
Star rating
***/
  .rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 30px;
  }

    .rating span.star {
      font-family: FontAwesome;
      font-weight: normal;
      font-style: normal;
      display: inline-block;
    }

      .rating span.star:hover {
        cursor: pointer;
      }

      .rating span.star:before {
        content: "\f006";
        padding-right: 5px;
        color: #999999;
      }

      .rating span.star:hover:before,
      .rating span.star:hover ~ span.star:before {
        content: "\f005";
        color: #e3cf7a;
      }


  /***
Item block with details shown on hover
***/
  .item {
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
  }

    .item .details {
      width: 100%;
      display: none;
      background-color: #000;
      color: #fff !important;
      padding: 5px;
      text-align: center;
      position: relative;
      bottom: 30px;
      margin-bottom: -30px;
      overflow: hidden;
      z-index: 6;
    }

    .item:hover .details {
      display: block;
      opacity: 0.7;
      filter: alpha(opacity = 70);
    }

    .item:hover .zoom-icon {
      opacity: 0.5;
      filter: alpha(opacity = 50);
    }

  /***
Zoom icon overlay on images
***/
  .zoom {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
  }

    .zoom .zoom-icon {
      background-image: url("../img/overlay-icon.png");
      background-color: #222;
      background-repeat: no-repeat;
      background-position: 50%;
      position: absolute;
      width: inherit;
      height: inherit;
      opacity: 0;
      filter: alpha(opacity = 0);
      z-index: 6;
      top: 0;
    }

  /***
Chats
***/
  .chats {
    margin: 0;
    padding: 0;
    margin-top: -15px;
  }

    .chats li {
      list-style: none;
      padding: 5px 0;
      margin: 10px auto;
      font-size: 12px;
    }

      .chats li img.avatar {
        height: 45px;
        width: 45px;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        border-radius: 50% !important;
      }

      .chats li.in img.avatar {
        float: left;
        margin-right: 10px;
      }

      .chats li .name {
        color: #3590c1;
        font-size: 13px;
        font-weight: 400;
      }

      .chats li .datetime {
        color: #333;
        font-size: 13px;
        font-weight: 400;
      }

      .chats li.out img.avatar {
        float: right;
        margin-left: 10px;
      }

      .chats li .message {
        display: block;
        padding: 5px;
        position: relative;
      }

      .chats li.in .message {
        text-align: left;
        border-left: 2px solid #35aa47;
        margin-left: 65px;
        background: #fafafa
      }

        .chats li.in .message .arrow {
          display: block;
          position: absolute;
          top: 5px;
          left: -8px;
          width: 0;
          height: 0;
          border-top: 8px solid transparent;
          border-bottom: 8px solid transparent;
          border-right: 8px solid #35aa47;
        }

      .chats li.out .message .arrow {
        display: block;
        position: absolute;
        top: 5px;
        right: -8px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #da4a38;
      }

      .chats li.out .message {
        border-right: 2px solid #da4a38;
        margin-right: 65px;
        background: #fafafa;
        text-align: right;
      }

      .chats li.out .name,
      .chats li.out .datetime {
        text-align: right;
      }

      .chats li .message .body {
        display: block;
      }

  .chat-form {
    margin-top: 15px;
    padding: 10px;
    background-color: #e9eff3;
    overflow: hidden;
    clear: both;
  }

    .chat-form .input-cont {
      margin-right: 40px;
    }

      .chat-form .input-cont .form-control {
        width: 100% !important;
        margin-bottom: 0px;
      }

      .chat-form .input-cont input {
        border: 1px solid #ddd;
        width: 100% !important;
        margin-top: 0;
      }

      .chat-form .input-cont input {
        background-color: #fff !important;
      }

        .chat-form .input-cont input:focus {
          border: 1px solid #4b8df9 !important;
        }

    .chat-form .btn-cont {
      margin-top: -42px;
      position: relative;
      float: right;
      width: 44px;
    }

      .chat-form .btn-cont .arrow {
        position: absolute;
        top: 17px;
        right: 43px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #4d90fe;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }

      .chat-form .btn-cont:hover .arrow {
        border-right-color: #0362fd;
      }

      .chat-form .btn-cont:hover .btn {
        background-color: #0362fd;
      }

      .chat-form .btn-cont .btn {
        margin-top: 8px;
      }

  /***
System feeds
***/
  .feeds {
    margin: 0px;
    padding: 0px;
    list-style: none;
  }

    .feeds li {
      background-color: #fafafa;
      margin-bottom: 7px;
    }

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

      .feeds li:after {
        clear: both;
      }

      .feeds li:last-child {
        margin-bottom: 0px;
      }

    .feeds .col1 {
      float: left;
      width: 100%;
      clear: both;
    }

    .feeds .col2 {
      float: left;
      width: 75px;
      margin-left: -75px;
    }

    .feeds .col1 .cont {
      float: left;
      margin-right: 75px;
      overflow: hidden;
    }

      .feeds .col1 .cont .cont-col1 {
        float: left;
        margin-right: -100%;
      }

        .feeds .col1 .cont .cont-col1 .label {
          display: inline-block;
          padding: 5px 4px 6px 5px;
          vertical-align: middle;
          text-align: center;
        }

          .feeds .col1 .cont .cont-col1 .label > i {
            text-align: center;
            font-size: 14px;
          }

      .feeds .col1 .cont .cont-col2 {
        float: left;
        width: 100%;
      }

        .feeds .col1 .cont .cont-col2 .desc {
          margin-left: 35px;
          padding-top: 4px;
          padding-bottom: 5px;
          overflow: hidden;
        }

    .feeds .col2 .date {
      padding: 4px 9px 5px 4px;
      text-align: right;
      font-style: italic;
      color: #c1cbd0;
    }

  /***
Users
***/
  .user-info {
    margin-bottom: 10px !important;
  }

    .user-info img {
      float: left;
      margin-right: 5px;
    }

    .user-info .details {
      display: inline-block;
    }

    .user-info .label {
      font-weight: 300;
      font-size: 11px;
    }

  /***
Accordions
***/
  .accordion-heading {
    background: #eee;
  }

    .accordion-heading a {
      text-decoration: none;
    }

      .accordion-heading a:hover {
        text-decoration: none;
      }

  /***
Vertical inline menu
***/
  .ver-inline-menu {
    padding: 0;
    margin: 0;
    list-style: none;
  }

    .ver-inline-menu li {
      position: relative;
      margin-bottom: 1px;
    }

      .ver-inline-menu li i {
        width: 37px;
        height: 37px;
        display: inline-block;
        color: #b9cbd5;
        font-size: 15px;
        padding: 12px 10px 10px 8px;
        margin: 0 8px 0 0;
        text-align: center;
        background: #e0eaf0 !important;
      }

      .ver-inline-menu li a {
        font-size: 13px;
        color: #557386;
        display: block;
        background: #f0f6fa;
        border-left: solid 2px #c4d5df;
      }

      .ver-inline-menu li:hover a,
      .ver-inline-menu li:hover i {
        background: #e0eaf0;
        text-decoration: none;
      }

      .ver-inline-menu li:hover i {
        color: #fff;
        background: #c4d5df !important;
      }

      .ver-inline-menu li.active a,
      .ver-inline-menu li:hover a {
        font-size: 13px;
      }

      .ver-inline-menu li.active a {
        border-left: solid 2px #0c91e5;
      }

      .ver-inline-menu li.active a,
      .ver-inline-menu li.active i {
        color: #fff;
        background: #169ef4;
        text-decoration: none;
      }

      .ver-inline-menu li.active i {
        background: #0c91e5 !important;
      }

      .ver-inline-menu li.active:after {
        content: '';
        display: inline-block;
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        border-left: 6px solid #169ef4;
        position: absolute;
        top: 12px;
        right: -5px;
      }

  /***
Custom tabs
***/

  .tabbable-custom {
    margin-bottom: 15px;
    padding: 0px;
    overflow: hidden;
  }

    .tabbable-custom > .nav-tabs {
      border: none;
      margin: 0px;
    }

    .tabbable-custom > .tab-content {
      background-color: #fff;
      border: 1px solid #ddd;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      padding: 10px;
    }

    .tabbable-custom.nav-justified .tab-content {
      margin-top: -1px;
    }

  .tabs-below.tabbable-custom.nav-justified .tab-content {
    margin-top: 0px;
    margin-bottom: -2px;
  }

  .tabbable-custom.boxless > .tab-content {
    padding: 15px 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }

  .tabbable-custom .nav-tabs > li {
    margin-right: 2px;
    border-top: 2px solid transparent;
  }

    .tabbable-custom .nav-tabs > li > a {
      margin-right: 0;
    }

      .tabbable-custom .nav-tabs > li > a:hover {
        background: none;
        border-color: transparent;
      }

    .tabbable-custom .nav-tabs > li.active {
      border-top: 3px solid #d12610;
      margin-top: 0;
      position: relative;
    }

      .tabbable-custom .nav-tabs > li.active > a {
        border-top: none;
        font-weight: 400;
      }

        .tabbable-custom .nav-tabs > li.active > a:hover {
          border-top: none;
          background: #fff;
          border-color: #d4d4d4 #d4d4d4 transparent;
        }

  .tabbable-custom .nav-tabs > li {
    margin-right: 2px;
    border-top: 2px solid transparent;
  }

  /* below tabs */


  .tabs-below.tabbable-custom .nav-tabs > li > a {
    border-top: none;
    border-bottom: 2px solid transparent;
    margin-top: -1px;
  }

  .tabs-below.tabbable-custom .nav-tabs > li.active {
    border-top: none;
    border-bottom: 3px solid #d12610;
    margin-bottom: 0;
    position: relative;
  }

    .tabs-below.tabbable-custom .nav-tabs > li.active > a {
      border-bottom: none
    }

      .tabs-below.tabbable-custom .nav-tabs > li.active > a:hover {
        background: #fff;
        border-color: #d4d4d4 #d4d4d4 transparent;
      }

  /*full width tabs with bigger titles */
  .tabbable-custom.tabbable-full-width > .tab-content {
    padding: 15px 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }

  .tabbable-custom.tabbable-full-width .nav-tabs > li > a {
    color: #424242;
    font-size: 15px;
    padding: 9px 15px;
  }


  /***
Custom portlet tabs
***/
  .portlet-tabs > .nav-tabs {
    position: relative;
    top: -41px;
    margin-right: 10px;
    overflow: hidden;
  }

    .portlet-tabs > .nav-tabs > li {
      float: right;
    }

  .portlet-tabs > .nav-tabs {
    border-bottom: none;
  }

    .portlet-tabs > .nav-tabs > li > a {
      color: #fff;
      padding-top: 8px;
      padding-bottom: 10px;
      line-height: 16px;
      margin-top: 6px;
      margin-left: 0px;
      margin-right: 0px;
      border-left: 0;
      border-right: 0;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
    }

    .portlet-tabs > .nav-tabs > li:last-child > a {
      border-right: 0;
    }

    .portlet-tabs > .nav-tabs > li {
      margin-left: 1px;
    }

      .portlet-tabs > .nav-tabs > li.active {
        color: #333;
        border-top-color: transparent;
      }

        .portlet-tabs > .nav-tabs > li.active > a {
          margin-bottom: 0px;
          border-bottom: 0;
          margin-left: 0px;
          margin-right: 0px;
          border-left: 0;
          border-right: 0;
          background-color: none !important;
          border-top-color: transparent !important;
        }

      .portlet-tabs > .nav-tabs > li > a:hover {
        color: #333;
        margin-bottom: 0;
        border-bottom-color: transparent;
        margin-left: 0;
        margin-right: 0;
        border-left: 0;
        border-right: 0;
        background-color: none !important;
        border-top-color: transparent;
        background-color: #fff;
      }

    .portlet-tabs > .nav-tabs > .active > a {
      color: #555555;
      cursor: default;
      background-color: #fff;
    }

      .portlet-tabs > .nav-tabs > .active > a:hover {
        background-color: #fff !important;
      }

  .portlet-tabs > .tab-content {
    padding: 10px !important;
    margin: 0px;
    margin-top: -50px !important;
  }

  .portlet.tabbable .portlet-body {
    padding: 0px;
  }

  .tab-pane > p:last-child {
    margin-bottom: 0px;
  }

  /***
Dashboard container
***/
  #dashboard {
    overflow: hidden;
  }

  /***
Dashboard stats
***/
  .dashboard-stat {
    margin-bottom: 25px;
  }

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

    .dashboard-stat:after {
      clear: both;
    }

    .dashboard-stat .visual {
      width: 80px;
      height: 80px;
      display: block;
      float: left;
      padding-top: 10px;
      padding-left: 15px;
      margin-bottom: 10px;
    }

      .dashboard-stat .visual i {
        font-size: 65px;
        line-height: 65px;
        color: #fff;
      }

  @media (min-width: 992px) and (max-width: 1024px) {

    .dashboard-stat .visual i {
      font-size: 28px;
      line-height: 28px;
    }
  }

  .dashboard-stat .details {
    position: absolute;
    right: 15px;
    padding-right: 10px;
  }

    .dashboard-stat .details .number {
      padding-top: 15px;
      text-align: right;
      font-size: 34px;
      line-height: 34px;
      letter-spacing: -1px;
      margin-bottom: 5px;
      font-weight: 300;
      color: #fff;
    }

    .dashboard-stat .details .desc {
      text-align: right;
      font-size: 16px;
      letter-spacing: 0px;
      font-weight: 300;
      color: #fff;
    }

  .dashboard-stat .more {
    clear: both;
    display: block;
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    color: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70);
  }

    .dashboard-stat .more:hover {
      text-decoration: none;
      opacity: 1;
      filter: alpha(opacity=100);
    }

    .dashboard-stat .more > i {
      display: inline-block;
      margin-top: 1px;
      float: right;
    }

  .dashboard-stat.blue {
    background-color: #27a9e3;
  }

    .dashboard-stat.blue .more {
      background-color: #208dbe;
    }

  .dashboard-stat.green {
    background-color: #28b779;
  }

    .dashboard-stat.green .more {
      background-color: #10a062;
    }

  .dashboard-stat.red {
    background-color: #e7191b;
  }

    .dashboard-stat.red .more {
      background-color: #bc0d0e;
    }

  .dashboard-stat.yellow {
    background-color: #ffb848;
  }

    .dashboard-stat.yellow .more {
      background-color: #cb871b;
    }

  .dashboard-stat.purple {
    background-color: #852b99;
  }

    .dashboard-stat.purple .more {
      background-color: #6e1881;
    }


  /***
Tiles(new in v1.1.1)
***/
  .tiles {
    margin-right: -10px;
  }

  .tile {
    display: block;
    letter-spacing: 0.02em;
    float: left;
    height: 135px;
    width: 135px !important;
    cursor: pointer;
    text-decoration: none;
    color: #ffffff;
    position: relative;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 20px;
    font-smooth: always;
    overflow: hidden;
    border: 4px solid transparent;
    margin: 0 10px 10px 0;
  }

    .tile:after,
    .tile:before {
      content: "";
      float: left;
    }

    .tile.double {
      width: 280px !important;
    }

    .tile.double-down {
      height: 280px !important;
    }

    .tile:active, .tile.selected {
      border-color: #ccc !important;
    }

    .tile:hover {
      border-color: #aaa !important;
    }

    .tile.selected .corner:after {
      content: "";
      display: inline-block;
      border-left: 40px solid transparent;
      border-bottom: 40px solid transparent;
      border-right: 40px solid #ccc;
      position: absolute;
      top: -3px;
      right: -3px;
    }

    .tile.selected .check:after {
      content: "";
      font-family: FontAwesome;
      font-size: 13px;
      content: "\f00c";
      display: inline-block;
      position: absolute;
      top: 2px;
      right: 2px;
    }

    .tile * {
      color: #ffffff;
    }

    .tile .tile-body {
      height: 100%;
      vertical-align: top;
      padding: 10px 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative;
      font-weight: 400;
      font-size: 12px;
      font-smooth: always;
      color: #000000;
      color: #ffffff;
      margin-bottom: 10px;
    }

      .tile .tile-body img {
        float: left;
        margin-right: 10px;
      }

        .tile .tile-body img.pull-right {
          float: right !important;
          margin-left: 10px;
          margin-right: 0px;
        }

      .tile .tile-body .content {
        display: inline-block;
      }

      .tile .tile-body > i {
        margin-top: 17px;
        display: block;
        font-size: 56px;
        line-height: 56px;
        text-align: center;
      }


    .tile.double-down i {
      margin-top: 95px;
    }

    .tile .tile-body h1,
    .tile .tile-body h2,
    .tile .tile-body h3,
    .tile .tile-body h4,
    .tile .tile-body h5,
    .tile .tile-body h6,
    .tile .tile-body p {
      padding: 0;
      margin: 0;
      line-height: 14px;
    }

    .tile .tile-body h3,
    .tile .tile-body h4 {
      margin-bottom: 5px;
    }

      .tile .tile-body h1:hover,
      .tile .tile-body h2:hover,
      .tile .tile-body h3:hover,
      .tile .tile-body h4:hover,
      .tile .tile-body h5:hover,
      .tile .tile-body h6:hover,
      .tile .tile-body p:hover {
        color: #ffffff;
      }

    .tile .tile-body p {
      font-weight: 400;
      font-size: 13px;
      font-smooth: always;
      color: #000000;
      color: #ffffff;
      line-height: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
    }

      .tile .tile-body p:hover {
        color: rgba(0, 0, 0, 0.8);
      }

      .tile .tile-body p:active {
        color: rgba(0, 0, 0, 0.4);
      }

      .tile .tile-body p:hover {
        color: #ffffff;
      }

    .tile.icon > .tile-body {
      padding: 0;
    }

    .tile .tile-object {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      min-height: 30px;
      background-color: transparent;
      *zoom: 1;
    }

      .tile .tile-object:before,
      .tile .tile-object:after {
        display: table;
        content: "";
      }

      .tile .tile-object:after {
        clear: both;
      }

      .tile .tile-object > .name {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-bottom: 5px;
        margin-left: 10px;
        margin-right: 15px;
        font-weight: 400;
        font-size: 13px;
        font-smooth: always;
        color: #ffffff;
      }

        .tile .tile-object > .name > i {
          vertical-align: middle;
          display: block;
          font-size: 24px;
          height: 18px;
          width: 24px;
        }

      .tile .tile-object > .number {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-bottom: 0;
        color: #ffffff;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
        letter-spacing: 0.01em;
        line-height: 14px;
        font-smooth: always;
        margin-bottom: 8px;
        margin-right: 10px;
      }

    .tile.image {
      border-color1: transparent !important;
    }

      .tile.image > .tile-body {
        padding: 0 !important;
      }

        .tile.image > .tile-body > img {
          width: 100%;
          height: auto;
          min-height: 100%;
          max-width: 100%;
        }

      .tile.image .tile-body h3 {
        display: inline-block;
      }

  /***
Theme Panel
***/

  .theme-panel {
    width: 320px;
    margin-top: -20px;
    margin-right: 1px;
    z-index: 999;
    float: right;
    position: relative;
  }

    .theme-panel > .toggler {
      top: 4px;
      right: 0;
      padding: 20px;
      cursor: pointer;
      position: absolute;
      background: #c9c9c9 url(../img/icon-color.png) center no-repeat;
    }

      .theme-panel > .toggler:hover {
        background-color: #3d3d3d !important;
      }

    .theme-panel > .toggler-close {
      display: none;
      top: 4px;
      right: 0;
      padding: 20px;
      cursor: pointer;
      position: absolute;
      background: #3d3d3d url(../img/icon-color-close.png) center no-repeat !important;
    }

      .theme-panel > .toggler-close:hover {
        background-color: #222 !important;
      }

    .theme-panel > .theme-options {
      top: 4px;
      right: 40px;
      display: none;
      position: absolute;
      background: #3d3d3d;
    }

      .theme-panel > .theme-options > .theme-option {
        color: #cfcfcf;
        padding: 15px;
        border-top: 1px solid #585858;
        margin-top: 0px;
        margin-bottom: 0px;
      }

        .theme-panel > .theme-options > .theme-option.theme-colors {
          border-top: 0;
        }

        .theme-panel > .theme-options > .theme-option > span {
          text-transform: uppercase;
          display: inline-block;
          width: 85px;
          font-size: 14px;
        }

        .theme-panel > .theme-options > .theme-option.theme-colors > span {
          display: block;
          width: auto;
        }

        .theme-panel > .theme-options > .theme-option > select.form-control {
          display: inline;
          width: 100px;
          text-transform: lowercase;
        }

        .theme-panel > .theme-options > .theme-option.theme-colors > ul {
          list-style: none;
          padding: 0;
          display: block;
          margin-bottom: 1px !important;
          margin-top: 10px;
        }

          .theme-panel > .theme-options > .theme-option.theme-colors > ul > li {
            width: 30px;
            height: 30px;
            margin: 0 4px;
            cursor: pointer;
            list-style: none;
            float: left;
            border: solid 1px #707070;
          }

            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child {
              margin-left: 0;
            }

            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover,
            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current {
              border: solid 2px #ebebeb;
            }

            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-black {
              background: #333438;
            }

            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey {
              background: #6d6d6d;
            }

            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue {
              background: #124f94;
            }

            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-brown {
              background: #623f18;
            }

            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-purple {
              background: #701584;
            }

            .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-white {
              background: #fff;
            }

  /***
Top bar menu
***/

  /* enable arrow for dropdown menu */
  .header .nav > li > .dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
  }

  .header .nav > li > .dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block !important;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
  }

  /***
Horezantal Menu(new in v1.2)
***/

  .header .hor-menu {
    margin: 0;
    float: left;
  }

    .header .hor-menu ul.nav li a {
      font-size: 14px;
      padding: 11px 18px;
    }

    .header .hor-menu ul.nav li {
      position: relative;
    }

      .header .hor-menu ul.nav li.active > a,
      .header .hor-menu ul.nav li.active > a:hover {
        background: #e02222 !important;
      }

      .header .hor-menu ul.nav li.active .selected {
        left: 50%;
        bottom: 0;
        position: absolute;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #e02222;
        display: inline-block;
        margin: 0;
        width: 0px;
        height: 0px;
        margin-left: -7px;
        margin-bottom: -6px;
      }

      .header .hor-menu ul.nav li a:hover,
      .header .hor-menu ul.nav li a:focus {
        background: #2d2d2d;
      }

    /*drop-down*/
    .header .hor-menu .dropdown-menu {
      margin-top: 0;
      border: none;
      box-shadow: none;
      background: #2d2d2d;
    }

      .header .hor-menu .dropdown-menu li > a {
        color: #999;
        padding: 7px 18px !important;
        margin-bottom: 1px;
      }

      .header .hor-menu .dropdown-menu .arrow {
        display: none;
      }

      .header .hor-menu .dropdown-menu li > a:hover,
      .header .hor-menu .dropdown-menu li:hover > a,
      .header .hor-menu .dropdown-menu li.active > a {
        color: #fff;
        filter: none !important;
        background: #e02222 !important;
      }

    .header .hor-menu .nav > li > .dropdown-menu:after,
    .header .hor-menu .nav > li > .dropdown-menu:before {
      border-bottom: none !important;
    }

    /*search*/
    .header .hor-menu .hor-menu-search-form-toggler {
      display: inline-block;
      padding: 12px 22px 12px 22px !important;
      cursor: pointer;
      background: url(../img/hor-menu-search.png) no-repeat center;
    }

      .header .hor-menu .hor-menu-search-form-toggler:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
      }

      .header .hor-menu .hor-menu-search-form-toggler.off {
        background: #101010 url(../img/hor-menu-search-close.png) no-repeat center;
      }

    .header .hor-menu a.hor-menu-search-form-toggler-close {
      display: none;
    }

    .header .hor-menu .search-form {
      top: 42px;
      right: 0px;
      padding: 8px;
      display: none;
      z-index: 999;
      position: absolute;
      background: #101010;
    }

      .header .hor-menu .search-form .btn {
        color: #999;
        padding: 7px 20px;
        height: 32px;
        width: 10px;
        display: inline-block;
        background: #2d2d2d url(../img/search-icon.png) no-repeat center;
      }

        .header .hor-menu .search-form .btn:hover {
          opacity: 0.8;
          filter: alpha(opacity=80);
        }

      .header .hor-menu .search-form form {
        margin-bottom: 0;
      }

        .header .hor-menu .search-form form input {
          background: none;
          width: 200px;
          color: #999;
          border: none;
        }

          .header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
            color: #999;
          }

          .header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color: #999;
          }

          .header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: #999;
          }

          .header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
            color: #999;
          }


  /***
Top News Blocks(new in v1.2.2)
***/
  .top-news {
    color: #fff;
    margin: 8px 0;
  }

    .top-news a,
    .top-news em,
    .top-news span {
      display: block;
      text-align: left;
    }

    .top-news a {
      padding: 10px;
      position: relative;
      margin-bottom: 10px;
    }

      .top-news a .top-news-icon {
        right: 8px;
        bottom: 15px;
        opacity: 0.3;
        font-size: 35px;
        position: absolute;
        filter: alpha(opacity=30); /*For IE8*/
      }

    .top-news em {
      margin-bottom: 0;
      font-style: normal;
    }

    .top-news span {
      font-size: 18px;
      margin-bottom: 5px;
    }

  /***
Block Images(new in v1.2.2)
***/
  .blog-images {
    margin-bottom: 0;
  }

    .blog-images li {
      padding: 0;
      margin: 0;
      display: inline;
    }

      .blog-images li a:hover {
        text-decoration: none;
      }

      .blog-images li img {
        width: 50px;
        height: 50px;
        opacity: 0.6;
        margin: 0 2px 8px;
      }

        .blog-images li img:hover {
          opacity: 1;
          box-shadow: 0 0 0 4px #72c02c;
          transition: all 0.4s ease-in-out 0s;
          -moz-transition: all 0.4s ease-in-out 0s;
          -webkit-transition: all 0.4s ease-in-out 0s;
        }

  /*Sidebar Tags*/
  ul.sidebar-tags a {
    color: #555;
    font-size: 12px;
    padding: 3px 5px;
    background: #f7f7f7;
    margin: 0 2px 5px 0;
    display: inline-block;
  }

    ul.sidebar-tags a:hover,
    ul.sidebar-tags a:hover i {
      background: #EEE;
      text-decoration: none;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }

    ul.sidebar-tags a i {
      color: #777;
    }

  ul.sidebar-tags li {
    padding: 0;
  }

  /***
Social Icons(new in v1.2.2)
***/
  .social-icons {
    padding: 0;
    margin: 0;
  }

    .social-icons:after,
    .social-icons:before {
      content: "";
      display: table;
    }

    .social-icons:after {
      clear: both;
    }

    .social-icons li {
      float: left;
      display: inline;
      list-style: none;
      margin-right: 5px;
      margin-bottom: 5px;
      text-indent: -9999px;
    }

      .social-icons li a, a.social-icon {
        width: 28px;
        height: 28px;
        display: block;
        background-position: 0 0;
        background-repeat: no-repeat;
        transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
      }

      .social-icons li:hover a {
        background-position: 0 -38px;
      }

  .social-icons-color li a {
    opacity: 0.7;
    background-position: 0 -38px !important;
  }

    .social-icons-color li a:hover {
      opacity: 1;
    }

  .social-icons .amazon {
    background: url(../img/social/amazon.png) no-repeat;
  }

  .social-icons .behance {
    background: url(../img/social/behance.png) no-repeat;
  }

  .social-icons .blogger {
    background: url(../img/social/blogger.png) no-repeat;
  }

  .social-icons .deviantart {
    background: url(../img/social/deviantart.png) no-repeat;
  }

  .social-icons .dribbble {
    background: url(../img/social/dribbble.png) no-repeat;
  }

  .social-icons .dropbox {
    background: url(../img/social/dropbox.png) no-repeat;
  }

  .social-icons .evernote {
    background: url(../img/social/evernote.png) no-repeat;
  }

  .social-icons .facebook {
    background: url(../img/social/facebook.png) no-repeat;
  }

  .social-icons .forrst {
    background: url(../img/social/forrst.png) no-repeat;
  }

  .social-icons .github {
    background: url(../img/social/github.png) no-repeat;
  }

  .social-icons .googleplus {
    background: url(../img/social/googleplus.png) no-repeat;
  }

  .social-icons .jolicloud {
    background: url(../img/social/jolicloud.png) no-repeat;
  }

  .social-icons .last-fm {
    background: url(../img/social/last-fm.png) no-repeat;
  }

  .social-icons .linkedin {
    background: url(../img/social/linkedin.png) no-repeat;
  }

  .social-icons .picasa {
    background: url(../img/social/picasa.png) no-repeat;
  }

  .social-icons .pintrest {
    background: url(../img/social/pintrest.png) no-repeat;
  }

  .social-icons .rss {
    background: url(../img/social/rss.png) no-repeat;
  }

  .social-icons .skype {
    background: url(../img/social/skype.png) no-repeat;
  }

  .social-icons .spotify {
    background: url(../img/social/spotify.png) no-repeat;
  }

  .social-icons .stumbleupon {
    background: url(../img/social/stumbleupon.png) no-repeat;
  }

  .social-icons .tumblr {
    background: url(../img/social/tumblr.png) no-repeat;
  }

  .social-icons .twitter {
    background: url(../img/social/twitter.png) no-repeat;
  }

  .social-icons .vimeo {
    background: url(../img/social/vimeo.png) no-repeat;
  }

  .social-icons .wordpress {
    background: url(../img/social/wordpress.png) no-repeat;
  }

  .social-icons .xing {
    background: url(../img/social/xing.png) no-repeat;
  }

  .social-icons .yahoo {
    background: url(../img/social/yahoo.png) no-repeat;
  }

  .social-icons .youtube {
    background: url(../img/social/youtube.png) no-repeat;
  }

  .social-icons .vk {
    background: url(../img/social/vk.png) no-repeat;
  }

  .social-icons .instagram {
    background: url(../img/social/instagram.png) no-repeat;
  }

  .social-icons .reddit {
    background: url(../img/social/reddit.png) no-repeat;
  }

  /***
Inline Social Icons
***/
  .social-icon {
    display: inline-block !important;
    width: 28px;
    height: 28px;
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
  }

    .social-icon.amazon {
      background: url(../img/social/amazon.png) no-repeat;
    }

    .social-icon.behance {
      background: url(../img/social/behance.png) no-repeat;
    }

    .social-icon.blogger {
      background: url(../img/social/blogger.png) no-repeat;
    }

    .social-icon.deviantart {
      background: url(../img/social/deviantart.png) no-repeat;
    }

    .social-icon.dribbble {
      background: url(../img/social/dribbble.png) no-repeat;
    }

    .social-icon.dropbox {
      background: url(../img/social/dropbox.png) no-repeat;
    }

    .social-icon.evernote {
      background: url(../img/social/evernote.png) no-repeat;
    }

    .social-icon.facebook {
      background: url(../img/social/facebook.png) no-repeat;
    }

    .social-icon.forrst {
      background: url(../img/social/forrst.png) no-repeat;
    }

    .social-icon.github {
      background: url(../img/social/github.png) no-repeat;
    }

    .social-icon.googleplus {
      background: url(../img/social/googleplus.png) no-repeat;
    }

    .social-icon.jolicloud {
      background: url(../img/social/jolicloud.png) no-repeat;
    }

    .social-icon.last-fm {
      background: url(../img/social/last-fm.png) no-repeat;
    }

    .social-icon.linkedin {
      background: url(../img/social/linkedin.png) no-repeat;
    }

    .social-icon.picasa {
      background: url(../img/social/picasa.png) no-repeat;
    }

    .social-icon.pintrest {
      background: url(../img/social/pintrest.png) no-repeat;
    }

    .social-icon.rss {
      background: url(../img/social/rss.png) no-repeat;
    }

    .social-icon.skype {
      background: url(../img/social/skype.png) no-repeat;
    }

    .social-icon.spotify {
      background: url(../img/social/spotify.png) no-repeat;
    }

    .social-icon.stumbleupon {
      background: url(../img/social/stumbleupon.png) no-repeat;
    }

    .social-icon.tumblr {
      background: url(../img/social/tumblr.png) no-repeat;
    }

    .social-icon.twitter {
      background: url(../img/social/twitter.png) no-repeat;
    }

    .social-icon.vimeo {
      background: url(../img/social/vimeo.png) no-repeat;
    }

    .social-icon.wordpress {
      background: url(../img/social/wordpress.png) no-repeat;
    }

    .social-icon.xing {
      background: url(../img/social/xing.png) no-repeat;
    }

    .social-icon.yahoo {
      background: url(../img/social/yahoo.png) no-repeat;
    }

    .social-icon.youtube {
      background: url(../img/social/youtube.png) no-repeat;
    }

    .social-icon.vk {
      background: url(../img/social/vk.png) no-repeat;
    }

    .social-icon.instagram {
      background: url(../img/social/instagram.png) no-repeat;
    }

    .social-icon.reddit {
      background: url(../img/social/reddit.png) no-repeat;
    }

    .social-icon:hover {
      background-position: 0 -38px;
    }

  .social-icon-color {
    opacity: 0.7;
    background-position: 0 -38px !important;
  }

    .social-icon-color:hover {
      opacity: 1;
    }


  /***
Notes
***/

  /* Common styles for all types */
  .note {
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
  }

    .note h1,
    .note h2,
    .note h3,
    .note h4 {
      margin-top: 0;
    }

    .note p:last-child {
      margin-bottom: 0;
    }

    .note code,
    .note .highlight {
      background-color: #fff;
    }

  /* Variations */
  .note-danger {
    background-color: #FAEAE6;
    border-color: #ed4e2a;
  }

  .note-warning {
    background-color: #FCF3E1;
    border-color: #fcb322;
  }

  .note-info {
    background-color: #E8F6FC;
    border-color: #57b5e3;
  }

  .note-success {
    background-color: #EBFCEE;
    border-color: #3cc051;
  }

  /***
Demo Utils
***/
  .scrollspy-example {
    position: relative;
    height: 200px;
    margin-top: 10px;
    overflow: auto;
  }

  .util-btn-margin-bottom-5 .btn {
    margin-bottom: 5px !important;
  }

  .util-btn-group-margin-bottom-5 .btn-group {
    margin-bottom: 5px !important;
  }

  .fontawesome-demo i {
    font-size: 18px;
  }

  .fontawesome-demo li {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .glyphicons-demo ul {
    padding-left: 0;
    padding-bottom: 1px;
    margin-bottom: 20px;
    list-style: none;
    overflow: hidden;
  }

  .bs-glyphicons {
    padding-left: 0;
    padding-bottom: 1px;
    margin-bottom: 20px;
    list-style: none;
    overflow: hidden;
  }

  .glyphicons-demo ul li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    margin: 0 -1px -1px 0;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #ddd;
  }

  .glyphicons-demo .glyphicon {
    display: block;
    margin: 5px auto 10px;
    font-size: 24px;
  }

  .glyphicons-demo ul li:hover {
    background-color: rgba(86,61,124,.1);
  }

  @media (min-width: 768px) {
    .glyphicons-demo ul li {
      width: 12.5%;
    }
  }


  /***
Forms 
****/

  input.placeholder,
  textarea.placeholder {
    color: #aaa !important;
  }

  .help-block {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .form-inline input {
    margin-bottom: 0px !important;
  }

  .control-label {
    margin-top: 2px;
  }

  .form-control-static {
    font-size: 14px;
    padding-top: 7px;
  }

  .control-label .required {
    color: #e02222;
    font-size: 12px;
    padding-left: 2px;
  }

  .switch-wrapper {
    display: inline-block;
  }

  .form {
    padding: 0 !important;
  }

  .form-body {
    padding: 10px;
  }

  .form-actions {
    padding: 20px 10px;
    margin-top: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
  }

    .form-actions.nobg {
      background-color: transparent;
    }

    .form-actions.top {
      margin-top: 0;
      margin-bottom: 20px;
      border-top: 0;
      border-bottom: 1px solid #e5e5e5;
    }

    .form-actions.fluid {
      padding: 20px 0;
    }

      .form-actions.fluid > [class^="col-"] {
        padding-left: 13px;
      }

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

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

  .form-section {
    margin: 30px 0px 25px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
  }

  .form .form-section:first-child {
    margin-top: 5px;
  }

  .help-inline {
    font-size: 13px;
    color: #737373;
    display: inline-block;
    padding: 5px;
  }

  /* left, right aligned form actions */
  .form-actions.right {
    padding-left: 0;
    padding-right: 10px;
    text-align: right;
  }

  .form-actions.left {
    padding-left: 10px;
    padding-right: 0;
    text-align: left;
  }

  /* Checkboxes */
  .form-group .checkbox {
    padding-left: 0;
  }

  .checkbox-list > label {
    display: block;
  }

    .checkbox-list > label.checkbox-inline {
      display: inline-block;
    }

      .checkbox-list > label.checkbox-inline:first-child {
        padding-left: 0;
      }

  /* Radios */

  .radio-list > label {
    display: block;
  }

    .radio-list > label.radio-inline {
      display: inline-block;
    }

      .radio-list > label.radio-inline:first-child {
        padding-left: 0;
      }

  .form-horizontal .radio-list .radio {
    padding-top: 1px;
  }

  /* Rows seperated form layout */
  .form-row-seperated .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef;
    padding: 10px 10px 10px 0px;
  }

    .form-row-seperated .form-group.last {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 10px;
    }

  .form-row-seperated .form-actions {
    margin-top: 0;
  }

  .form-row-seperated .form-body {
    padding: 0;
    margin-top: 0;
  }

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

  /* form bordered */
  .form-bordered .form-body {
    margin: 0;
    padding: 0;
  }

  .form-bordered .form-actions {
    margin-top: 0;
  }

  .form-bordered .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef;
  }

    .form-bordered .form-group.last {
      border-bottom: 0;
    }

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

  .form-bordered .control-label {
    padding-top: 16px;
  }

  .form-bordered .form-group > div {
    padding: 10px;
    border-left: 1px solid #efefef;
  }

  .form-bordered .form-actions.fluid > .row > div {
    padding-left: 10px;
  }

  .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
    background-color: #fcfcfc;
  }

  .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
    background-color: #fcfcfc;
  }

  .form-horizontal.form-bordered.form-row-stripped .form-control {
    background: #fff !important;
  }

  .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
    background-color: #ffffff;
  }

  /***
Bordered form layout
***/

  .form-bordered .form-control {
    margin: 0;
  }


  /***
Disabled Menu Link
***/

  .disabled-link > a > span.text,
  .disabled-link > a > span.title {
    font-style: italic !important;
    color: #888 !important;
  }

  .disabled-link > a:hover {
    cursor: not-allowed !important;
  }


  /***
Responsive & Scrollable Tables
***/

  .table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #dddddd;
    margin: 10px 0 !important;
  }

    .table-scrollable > .table {
      width: 100% !important;
      margin: 0 !important;
      margin-bottom: 0;
      background-color: #fff;
    }

      .table-scrollable > .table > thead > tr > th,
      .table-scrollable > .table > tbody > tr > th,
      .table-scrollable > .table > tfoot > tr > th,
      .table-scrollable > .table > thead > tr > td,
      .table-scrollable > .table > tbody > tr > td,
      .table-scrollable > .table > tfoot > tr > td {
        white-space: nowrap;
      }

    .table-scrollable > .table-bordered {
      border: 0;
    }

      .table-scrollable > .table-bordered > thead > tr > th:first-child,
      .table-scrollable > .table-bordered > tbody > tr > th:first-child,
      .table-scrollable > .table-bordered > tfoot > tr > th:first-child,
      .table-scrollable > .table-bordered > thead > tr > td:first-child,
      .table-scrollable > .table-bordered > tbody > tr > td:first-child,
      .table-scrollable > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
      }

      .table-scrollable > .table-bordered > thead > tr > th:last-child,
      .table-scrollable > .table-bordered > tbody > tr > th:last-child,
      .table-scrollable > .table-bordered > tfoot > tr > th:last-child,
      .table-scrollable > .table-bordered > thead > tr > td:last-child,
      .table-scrollable > .table-bordered > tbody > tr > td:last-child,
      .table-scrollable > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
      }

      .table-scrollable > .table-bordered > thead > tr:last-child > th,
      .table-scrollable > .table-bordered > tbody > tr:last-child > th,
      .table-scrollable > .table-bordered > tfoot > tr:last-child > th,
      .table-scrollable > .table-bordered > thead > tr:last-child > td,
      .table-scrollable > .table-bordered > tbody > tr:last-child > td,
      .table-scrollable > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
      }

  #listado-EstadoCuentaPaciente th {
    text-align: center !important;
    word-wrap: break-word;
  }


  .styleNoTableWidth {
    font-size: 13px !important;
  }


  /***
Responsive Flip Scroll Tables
***/

  .flip-scroll table {
    width: 100%;
  }

  @media only screen and (max-width: 800px) {

    .flip-scroll .flip-content:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
    }

    .flip-scroll * html .flip-content {
      zoom: 1;
    }

    .flip-scroll *:first-child + html .flip-content {
      zoom: 1;
    }

    .flip-scroll table {
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
    }

    .flip-scroll th,
    .flip-scroll td {
      margin: 0;
      vertical-align: top;
    }

    .flip-scroll th {
      text-align: left;
      border: 0 !important;
      border-bottom: 1px solid #ddd !important;
      border-right: 1px solid #ddd !important;
      font-size: 13px !important;
      padding: 5px;
      width: auto !important;
    }

    .flip-scroll table {
      display: block;
      position: relative;
      width: 100%;
    }

    .flip-scroll thead {
      display: block;
      float: left;
    }

    .flip-scroll tbody {
      display: block;
      width: auto;
      position: relative;
      overflow-x: auto;
      white-space: nowrap;
    }

    .flip-scroll thead tr {
      display: block;
      border: !important;
    }

    .flip-scroll th {
      display: block;
      text-align: right;
    }

    .flip-scroll tbody tr {
      display: inline-block;
      vertical-align: top;
      margin-left: -5px;
    }

    .flip-scroll td {
      display: block;
      min-height: 1.25em;
      text-align: left;
      border-top: 0 !important;
      border-left: 0 !important;
      border-right: 0 !important
    }

      .flip-scroll td:first-child {
      }


    /* sort out borders */

    .flip-scroll th {
      border-bottom: 0;
      border-left: 0;
    }

    .flip-scroll td {
      border-left: 0;
      border-right: 0;
      border-bottom: 0;
    }

    .flip-scroll tbody tr {
      border-left: 1px solid #ddd;
    }

    .flip-scroll th:last-child,
    .flip-scroll td:last-child {
      border-bottom: 1px solid #ddd;
    }
  }

  /*poweredby*/

  .poweredby {
    font-family: 'Montserrat-Light' !important;
    font-weight: 300 !important;
    font-size: 17px !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.01 !important;
    letter-spacing: normal !important;
    text-align: right !important;
    color: #605f60 !important;
    margin-bottom: 24px;
  }

  .poweredby {
    margin-bottom: 0px;
    background-color: #fff;
    padding-bottom: 12px;
    padding-top: 6px;
  }

  .poweredbymargin {
    width: 100%;
    text-align: center !important;
    margin-bottom: 43px !important;
    margin-top: 33px !important;
  }



  .poweredbylogo {
    height: 14px;
    margin-bottom: 4px;
  }

  .contactanoslink {
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.82;
    letter-spacing: 0.4px;
    text-align: right;
  }

/***
Responsive Theme. 
Based on http://getbootstrap.com/css/#responsive-utilities-classes
***/

/***
Form Medium Devices Up To Large Devices
***/

@media (min-width: 992px) and (max-width: 1200px) {  

	.page-boxed .header .dropdown .username {
		display: none;
	}	

}

/***
From Medium Devices Up To Larger Devices
***/

@media (min-width: 992px) { 

 	/***
 	Page sidebar
 	***/
 	.page-sidebar {
		position: absolute;
 		width: 225px;
  	}

  	.page-sidebar.navbar-collapse {
  		max-height: none !important;
  	}

	.page-sidebar-fixed .page-sidebar {
	  	position: fixed !important;
	 	top: 41px;
	}

	.page-sidebar-fixed ul.page-sidebar-menu > li.last {
		margin-bottom: 15px !important;
	}

	.page-sidebar-fixed.page-sidebar-hover-on .page-sidebar {
		z-index: 10000;		
		width: 35px;		
	}

	.page-sidebar-fixed.page-sidebar-hover-on .page-sidebar .selected {
		display: none;
	}

	.page-sidebar-fixed.page-sidebar-hover-on .page-content {
		margin-left: 35px;
	}
	.page-sidebar-fixed.page-sidebar-hover-on .footer {
		margin-left: 35px;
	}

	.page-sidebar-fixed .page-sidebar-closed .page-sidebar .sidebar-search .submit,
	.page-sidebar-fixed .page-sidebar .sidebar-toggler {
		-webkit-transition: all  0.3s ease;
	     -moz-transition: all  0.3s ease;
	       -o-transition: all  0.3s ease;
	          transition: all  0.3s ease;
	}

	.page-sidebar-hovering {
		overflow: hidden !important;
	}

	.page-sidebar-hovering .sub-menu,
	.page-sidebar-hovering span.title,
	.page-sidebar-hovering span.arrow {		  
		display: none !important;
	}

	.page-sidebar-hovering .submit {
		opacity: 0;
		width: 0 !important;
		height: 0 !important;
	}

  	/***
  	Page content
  	***/
  	.page-content { 
  		margin-left: 225px; 
		margin-top: 0px;
		min-height: 760px; 
		padding: 25px 20px 20px 20px;
	}

	.page-sidebar-fixed .page-content {
		min-height: 600px; 
	}

	.page-content.no-min-height {
		min-height: auto;
	}

	/***
	Footer
	***/

	/* fixed sidebar */
	.page-footer-fixed .footer {
	  position: fixed;
	  left: 0;
	  right: 0;
	  z-index: 10000;
	  bottom: 0;
	}

	.page-footer-fixed .page-container {
	  margin-bottom: 32px;
	}

	.page-footer-fixed.page-sidebar-fixed .footer {
	  margin-left: 0 !important;
	}
	/* end: fixed footer */

	.page-boxed .footer {
  		padding: 8px 0 5px 0; 
	}

	.page-sidebar-fixed .footer {
	  margin-left: 225px;
	  background-color: #fff;
	  padding: 8px 20px 5px 20px;
	}

	.page-sidebar-fixed .footer .footer-inner {
	  color: #333;
	}

	.page-sidebar-fixed.page-sidebar-closed .footer {
	  margin-left: 35px;
	}

	.page-sidebar-fixed .footer .footer-tools .go-top { 
	  background-color: #666;
	}

	.page-sidebar-fixed .footer .footer-tools .go-top i {
	  color: #ddd;
	}

	/* boxed layout */
	.page-boxed	.header .navbar-brand {
  		margin-left: 0px !important;
  		width: 226px;
	}

	.page-boxed .header .navbar-brand img {
		margin-left: 10px;
	}

	.page-boxed .header .navbar-nav {
	  margin-right: 0px;
	}

}

/***
Up To Medium Devices
***/

@media (max-width:991px) { 
	
	/***
 	Page header
 	***/
 	.header {
 		padding: 0 20px 0 20px;
 		position: relative;
 		clear: both;
 	}

 	.header .navbar-toggle {
 		display: inline-block;
 	}

 	.page-sidebar.navbar-collapse {
  		max-height: 340px;
  	}

 	.page-sidebar.navbar-collapse.collapse {
	    display: none !important;
	}

	.page-sidebar.navbar-collapse.in {	 	
	 	overflow: hidden !important;
	 	overflow-y: auto !important;
	 }

	.header .nav li.dropdown i {
		display: inline-block;
		position: relative;
		top:1px;
		right:0px;
	}

	.header .navbar-nav {
		display: block;
		margin-bottom: 0px !important;
	}

	.header .navbar-nav .open .dropdown-menu  {
		position: absolute;
	}

	.header .navbar-nav {
		display: inline-block;
    	float: right;
    	margin: 0;
  	}
  
 	.header .navbar-nav > li {
    	float: left;
  	}

  	.header .navbar-nav > li > a {
    	padding-top1: 15px;
    	padding-bottom1: 15px;
  	}

	.header .navbar-brand {
  		margin-left: 0px !important;
  		padding-left: 0px !important; 
	}

	.header .navbar-brand img {
		margin-left: 4px !important;
	}

	/***
	Page container
	***/
	.page-container {
		margin: 0 !important;
		padding: 0 !important;
	}

	/***
  	Page content
  	***/
  	.page-content {
  		margin: 0px !important;
  		padding: 20px 20px 20px 20px !important;  		
		min-height: 280px; 
  	}

	/***
	Page sidebar
	***/
	.page-sidebar {
		border-top: 0 !important;
		margin: 20px;
	}

	.page-sidebar.in {
		border-top: 0 !important;
		margin: 20px;
		position: relative;
		z-index: 5;
	}

	.page-sidebar .sidebar-toggler {
		display: none;
	}

	.page-sidebar ul {
		margin-top:0px;
		width:100%;
	}

	.page-sidebar .selected {
		display: none !important;
	}

	.page-sidebar .sidebar-search .input-box {
	  width: 220px;
	}

	/***
	Styler panel
	***/
	.styler-panel {
		top:55px;
		right:20px;
	}

	/***
	Boxed Layout
	***/
 	.page-boxed .header > .container,
 	.page-boxed .footer > .container,
 	.page-boxed > .container {
 		max-width: none !important;
 		margin: 0 !important;
 		padding: 0 !important;
 	}

}

/***
From Small Devices Up To Medium Devices
***/
 
@media (min-width: 768px) and (max-width: 991px) { 

	/***
	Body
	***/
	body {
	 	padding-top: 0px;
	}

	/***
	Page sidebar
	***/
	.page-sidebar .btn-navbar.collapsed .arrow { 
		display: none;
	}	

	.page-sidebar .btn-navbar .arrow {
	  position: absolute;
	  right: 25px;
	  width: 0; 
	  height: 0;
	  top:50px;
	  border-bottom: 15px solid #5f646b;
	  border-left: 15px solid transparent; 
	  border-right: 15px solid transparent; 
	}

} 
 
/***
Extra Small Devices Only
***/

@media (max-width: 767px) { 
	
	/***
	Page header
	***/
	
	.header {
 		padding: 0 10px 0 10px;
 	}

	.header .top-nav .nav{  
	 	margin-top: 0px;
	 	margin-right: 5px;
	}

	.header .nav > li > .dropdown-menu.notification:after, 
	.header .nav > li > .dropdown-menu.notification:before {
		margin-right: 180px;
	}

	.header .nav > li > .dropdown-menu.notification {
  		margin-right: -180px;
	}

	.header .nav > li > .dropdown-menu.inbox:after, 
	.header .nav > li > .dropdown-menu.inbox:before {
		margin-right: 140px;
	}

	.header .nav > li > .dropdown-menu.inbox {
  		margin-right: -140px;
	}

	.header .nav > li > .dropdown-menu.tasks:after, 
	.header .nav > li > .dropdown-menu.tasks:before {
		margin-right: 90px;
	}

	.header .nav > li > .dropdown-menu.tasks {
  		margin-right: -90px;
	}

  	/* Header logo */
	.header .navbar-brand {
  		margin-left: 0px !important;
  		width: 110px;
	}
	
	/***
	Page content
	***/
	.page-content {
		padding: 20px 10px 10px 10px !important;
		overflow: hidden;
	}

	/***
	Page title
	***/
	.page-title {
		margin-bottom: 20px;
		font-size: 18px;
	}

	.page-title small {
		font-size: 13px;
		padding-top: 3px;
	}
	
	/***
	Styler pagel
	***/
	.styler-panel {
		top:58px;
		right:12px;
	}	

	/***
	Page breadcrumb
	***/
	.breadcrumb {
		padding-left: 10px;
  		padding-right: 10px;
	}

	/***
	Portlet form action
	***/
	.portlet-body.form .form-actions{
	  padding-left: 15px;	
	} 


	/***
	Form input validation states
	***/
	.input-icon .input-error, 
	.input-icon .input-warning, 
	.input-icon .input-success { 
		top:-27px;
		float: right;
		right:10px !important;
	}	

	/***
	Advance tables
	***/
	.table-advance tr td.highlight:first-child a {
		margin-left: 8px;
	}

	/***
	Vertical inline menu
	***/
	.ver-inline-menu li.active:after {
		display: none;
	}

	/***
	Form controls
	***/
	.form-horizontal .form-actions {
  		padding-left: 180px; 	
  	}

  	.portlet .form-horizontal .form-actions {
  		padding-left: 190px; 	
  	}
}

/***
The Most Extra Small Devices Landscape Mode Only
***/

@media (max-width: 480px) {

	/***
	Header navbar
	***/

	.header .navbar-nav {
		display: block !important;
		margin-top: 0px !important;
	}

	.header .navbar-nav > li.dropdown .dropdown-toggle {
  		margin-top:-1px !important;
  	}	

  	.header .navbar-nav li.dropdown .dropdown-toggle .badge {
  		top: 8px;
  	}

  	/***
	Page sidebar
	***/
	.page-sidebar,
	.page-sidebar.in {
		margin: 0 10px 10px 10px;
	}

	/***
	Page title
	***/
	.page-title small {
		display: block;
		clear: both;
	}

	/***
	Forms
	***/
  	.portlet .form-horizontal .form-actions {
  		padding-left: 10px; 	
  	}

	/***
	Dashboard date range panel
	***/
	.page-content .breadcrumb .dashboard-date-range  {
		padding-bottom: 8px;
	} 

	.page-content .breadcrumb .dashboard-date-range span {
		display: none;
	}	

  	.page-content .breadcrumb > .btn-group span {
  		display: none;
  	}

  	.page-content .breadcrumb > .btn-group > .btn {
  		padding-left: 7px;
  		padding-right: 7px;
  	}

	/***
	Hidden phone
	***/
	.hidden-480 {
		display: none !important;
	}
}

/***
The Most Extra Small Devices Portrait Mode Only
***/

@media (max-width: 320px) {

	.header .nav > li.dropdown .dropdown-toggle {
	  padding-left: 8px !important;
	  padding-right: 8px !important;
	}

	/***
	Hidden phone
	***/
	.hidden-320 {
		display: none;
	}

	.header .navbar-brand {
		width: 100px;
	}	
}	

/**************************
 PLUGIN CSS CUSTOMIZATIONS 
**************************/

/***
Calendar with full calendar
***/
.external-event {
  display: inline-block ;
  cursor:move;
  margin-bottom: 5px ;  
  margin-left: 5px ;
}

.portlet .event-form-title {
  font-size: 14px;
  margin-top: 4px;
  font-weight: 400;
  margin-bottom: 10px;
}

.portlet.calendar .fc-button {
  -webkit-box-shadow: none ;
     -moz-box-shadow: none ;
          box-shadow: none ;
  -webkit-text-shadow: none ;
     -moz-text-shadow: none ;
          text-shadow: none ;
  border: 0 ;
  padding: 6px 8px 30px 8px ;
  margin-left:2px;  
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: solid;
  border-left-style: solid;
  border-color: #ddd;
  background: transparent;
  color: #fff;
  top: -46px;
}

.portlet.calendar .fc-header {
  margin-bottom:-21px;
}

.portlet.calendar .fc-button-prev {
  padding-right: 10px;
  padding-left: 8px;
}

.portlet.calendar .fc-button-next {
  padding-right: 8px;
  padding-left: 10px;
}

.portlet.calendar .fc-button.fc-state-active,
.portlet.calendar .fc-button.fc-state-hover {
  color: #666 ;
  background-color: #F9F9F9 ;
}

.portlet.calendar .fc-button.fc-state-disabled {
  color: #ddd ;
}

.portlet.calendar .fc-text-arrow {
  font-size: 22px;
  font-family: "Courier New", Courier, monospace;
  vertical-align: baseline; 
}

/* begin: event element */
.portlet.calendar .fc-event {
  border: 0px;
  background-color: #69a4e0;
  color: #fff;
}

.portlet.calendar .fc-event-inner {
  border: 0px;
}

.portlet.calendar .fc-event-time {
  float: left;
  text-align: left;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}

.portlet.calendar .fc-event-title {
  text-align: left;
  float: left;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}
/* end: event element */

.portlet.calendar .fc-header-title h2 {
  font-size: 14px ;
  line-height: 20px;
  font-weight: 400;
  color: #111;
}

.portlet.calendar .fc-widget-header {
  background-image: none ;
  filter:none ;
  background-color: #eee ;
  text-transform: uppercase;
  font-color:#000;
  font-weight: 300;
}

.portlet.calendar .mobile .fc-button {
  margin-left: 2px ;
}

.portlet.calendar .mobile .fc-button {
    padding: 0px 6px 20px 6px ;
    margin-left:2px ;
    border: none ;    
    background-color: #ddd ;
      background-image: none;
      -webkit-box-shadow: none ;
         -moz-box-shadow: none ;
            box-shadow: none ;
      -webkit-border-radius: 0 ;
         -moz-border-radius: 0 ;
              border-radius: 0 ;
      color: #000 ;
      border: none ;
      text-shadow: none ;
      text-align: center;
}

.portlet.calendar .mobile .fc-state-hover, 
.portlet.calendar .mobile .fc-state-active {
  background-color: #eee ;
}

.portlet.calendar .mobile .fc-button-prev {
  margin-right: 5px;
  margin-top: -2px;
}

.portlet.calendar .mobile .fc-button-next {   
  margin-right: -0px;
  margin-top: -2px;
}

.portlet.calendar .mobile .fc-header-space {
  margin: 0px ;
  padding: 0px ;
  width: 0px ;
}

  .portlet.calendar .mobile .fc-state-disabled {
      color: #bbb ;
  }

  .portlet.calendar .mobile .fc-header-left {
    position: absolute;
    z-index: 10;
  }
    
  .portlet.calendar .mobile .fc-header-right {
    position: absolute;
     z-index: 9;
  }

  .portlet.calendar .mobile .fc-header-left .fc-button { 
    top: -2px ;
  }

  .portlet.calendar .mobile .fc-header-right {
    position: relative;
    right:0;
  }

  .portlet.calendar .mobile .fc-header-right .fc-button { 
    top: 35px ;
  }

  .portlet.calendar .mobile .fc-content {
    margin-top: 53px;
  }


/***
Form wizard
***/

.form-wizard .progress {
  margin-bottom: 30px;
}

.form-wizard .steps {
  padding: 10px 0;
  margin-bottom: 15px;
}

.form-wizard .steps {  
  background-color: #fff ;
  background-image: none ;
  filter:none ;
  border: 0px;
  box-shadow: none ;
}

.form-wizard .steps li a {
  background-color: #fff ;
  background-image: none ;
  filter:none;
  border: 0px;
  box-shadow: none ;
}

.form-wizard .steps li a:hover {
  background: none;
}

.form-wizard .step:hover {
  text-decoration: none;
}

.form-wizard .step .number {
  background-color: #eee;
  display: inline-block;
  text-align: center !important;
  font-size: 16px;
  font-weight: 300;
  padding: 11px 15px 13px 15px;
  margin-right: 10px;
  height: 45px;
  width: 45px;
  -webkit-border-radius: 50% !important;
     -moz-border-radius: 50% !important;
          border-radius: 50% !important;
}

.form-wizard .step .desc {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
}
 
.form-wizard .active .step .number {
  background-color: #35aa47;
  color: #fff;
}

.form-wizard .active .step .desc {
  color: #333;
  font-weight: 400;
}

.form-wizard .step i {
  display: none;
}

.form-wizard .done .step .number {
  background-color: #f2ae43;
  color: #fff;
}

.form-wizard .done .step .desc {
  font-weight: 400;
}

.form-wizard .done .step i {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  display: inline-block;
}


@media (min-width: 768px) and (max-width: 1280px) { 
  .form-wizard .step .desc {
    margin-top: 10px;
    display: block;
  }
} 

@media (max-width: 768px) { 
  .form-wizard .steps > li > a {
    text-align: left;
  }
} 

/***
Google Maps
***/
.gmaps {
  height: 300px;
  width: 100%;
}

/* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.gmaps img {
  max-width: none; 
}

#gmap_static div{
  background-repeat: no-repeat ;
  background-position: 50% 50% ;
  height:100%;
  display:block;
  height: 300px;
}

#gmap_routes_instructions {
  margin-top: 10px;
  margin-bottom: 0px;
}

/***
SlimScrollBar plugins css changes
***/
.scroller {
  padding: 0px ;
  margin: 0px ;
  padding-right: 12px ;
  overflow: hidden;
}

.scroller-footer {
  margin-top: 10px;
}

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

.scroller-footer:after {
  clear: both;
}

.portlet-body .slimScrollBar {
  margin-right: 0px ;
}

/***
jqvmap changes
***/
.jqvmap-zoomin {
  height: 16px;
  width: 16px;
  background-color: #666 ;
}

.jqvmap-zoomout {
  height: 16px;
  width: 16px;
 background-color: #666 ; 
}

.vmaps {
  position: relative; 
  overflow: hidden;
  height: 300px;
}


/***
Error state for WYSIWYG Editors
***/
.has-error .wysihtml5-sandbox, 
.has-error .cke {
  border: 1px solid #B94A48 ;
}

.has-success .wysihtml5-sandbox, 
.has-success .cke {
  border: 1px solid #468847 ;
}

/***
Select2 plugin css changes
***/

/* enable form validation classes for select2 dropdowns */
.has-error .select2-container .select2-choice {
  border-color: #B94A48;
}

.has-error .select2-container .select2-choice > span {
  color: #B94A48;
}

.has-error .select2-container.select2-dropdown-open .select2-choice {
  border-color: #e5e5e5; 
}

.has-error .select2-container.select2-dropdown-open .select2-choice > span {
  color: #999999;
}

.has-success .select2-container .select2-choice {
  border-color: #468847;
}

.has-success .select2-container .select2-choice > span {
  color: #468847;
}

.has-success .select2-container.select2-dropdown-open .select2-choice {
  border-color: #e5e5e5; 
}

.has-success .select2-container.select2-dropdown-open .select2-choice > span {
  color: #999999;
}


/***
Fileuploader plugin css changes
***/
.fileupload .btn {
  padding: 7px 14px ;
}

.fileupload-exists {
  padding: 0px;
}

.fileupload .fileupload-preview {
  background-color: #fff ;
  background-image: none ;
  filter:none ;
}

.fileupload .close {
  position: relative;
  top:0px ;
}


/***
WYSIWYG
***/
.wysihtml5-toolbar li {
  margin: 0px;
  height: 29px;
}

.wysihtml5-toolbar li .dropdown-menu {
  margin-top: 5px;
}

/***
CKEditor css changes
***/
.cke_bottom, 
.cke_inner, 
.cke_top, 
.cke_reset, 
.cke_dialog_title,
.cke_dialog_footer,
.cke_dialog {
  background-image: none !important;
  filter:none ; 
  border-top: 0 ;
  border-bottom: 0 ;
   -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
           box-shadow: none !important;
  text-shadow:none ;
}

.cke_dialog_ui_button,
.cke_dialog_tab {
  background-image: none !important;
  filter:none ;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow:none !important;
}

.cke_dialog_ui_button:hover,
.cke_dialog_tab:hover {
  text-decoration: none;
  text-shadow:none ;
}

.cke_dialog_ui_input_text {
  background-image: none !important;
  filter:none ;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.cke_combo_button, 
.cke_button, 
.cke_toolbar, 
.cke_toolgroup {
  background-image: none !important;
  filter:none !important;
  border: 0 ;
   -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.cke_button, 
.cke_combo_button,
.cke_panel_grouptitle,
.cke_hc.cke_panel_listItem a {  
  background-image: none !important;
  filter:none ;
  text-shadow:none ;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-border-radius: 0px !important;
}

.cke_button:hover, 
.cke_combo_button:hover {  
  background-color: #ddd;
}

.cke_toolbar_break {
  background-image: none !important;
  filter:none !important;
  border: 0 ;
  box-shadow: none !important;
  -webkit-box-shadow : none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
}

/***
Modify tags input plugin css
***/
div.tagsinput {
  min-height: 35px;
  height: auto !important;
  margin: 0;
  padding: 5px 5px 0px 5px;
  overflow: auto;
}

div.tagsinput span.tag {
  background: #aaa ;
  color: #fff ;
  border: 0 ;
  padding: 3px 6px;
  margin-top: 0;
  margin-bottom: 5px;
}

div.tagsinput input {
  padding: 3px 6px ; 
  width: 75px !important;
}

div.tagsinput span.tag a {
  color: #fff ;
}

div.tagsinput .not_valid {
  color: #fff ;
  padding: 3px 6px ;
  background-color: #e02222 ;
}

/***
Gritter notification modify
***/

#gritter-notice-wrapper {
  right:1px !important;
}

.gritter-close {
  left:auto !important;
  right: 3px !important;
}

.gritter-title {
  font-family:  'Open Sans' ;
  font-size: 18px ;
  font-weight: 300 ;
}

/***
jQuery UI Sliders(new in v1.1.1)
***/
.slider {
  border: 0;
  padding: 0;
  display: block;
  margin: 12px 5px;
  min-height: 11px; 
}

.ui-slider-vertical {
  width: 11px;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -3px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -3px;
}

.ui-slider-vertical,
.ui-slider-handle {
  filter: none !important;
  background-image: none !important;
}

/***
Dropzone css changes(new in v1.1.1)
***/
.dropzone {
  webkit-border-radius: 0px ;
    -moz-border-radius: 0px ;
         border-radius: 0px ;
}


/***
Dashboard Charts(new in v1.2.1)
***/
.easy-pie-chart,
.sparkline-chart {
   text-align: center;
}

.sparkline-chart {
  margin-top: 15px;
  position:relative ;
}

.easy-pie-chart .number {
    font-size: 16px;
    font-weight: 300;
    width: 85px;
    margin: 0 auto;
}

.sparkline-chart .number {  
    width: 100px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.sparkline-chart .title,
.easy-pie-chart .title {
    display: block;
    text-align: center;
    color: #333;
    font-weight: 300;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.sparkline-chart .title:hover,
.easy-pie-chart .title:hover {
  color: #666;
  text-decoration: none;
}

.sparkline-chart .title > i,
.easy-pie-chart .title > i {
  margin-top: 5px;
}

/***
Fancy box fix overlay fix(in v1.2.4)
***/
.fancybox-overlay {
  z-index: 10000 ;
}


/***
Datatables Plugin(in v1.3)
***/
.dataTable {  
  width: 100% !important;
  clear: both;
  margin-top: 5px;
}

.dataTables_filter label {
  line-height: 32px ;
}

.dataTable .row-details {  
  margin-top: 3px;
  display: inline-block;
  cursor: pointer;
  width: 14px;
  height: 14px;
}

.dataTable .row-details.row-details-close {
  background: url("../img/datatable-row-openclose.png") no-repeat 0 0;
}

.dataTable .row-details.row-details-open {  
  background: url("../img/datatable-row-openclose.png") no-repeat 0 -23px ;
}

.dataTable .details {
  background-color: #eee ;
}

.dataTable .details td,
.dataTable .details th {
  padding: 4px;
  background-color: none ;
  border: 0;
}

.dataTable .details tr:hover td,
.dataTable .details tr:hover th {
  background-color: none ;
}

.dataTable .details tr:nth-child(odd) td,
.dataTable .details tr:nth-child(odd) th {
  background-color: #eee ;
}

.dataTable .details tr:nth-child(even) td,
.dataTable .details tr:nth-child(even) th {
  background-color: #eee ;
}

.dataTable > thead > tr > th.sorting,
.dataTable > thead > tr > th.sorting_asc,
.dataTable > thead > tr > th.sorting_desc {
   padding-right: 18px;
}

.dataTable .table-checkbox {
  width: 8px !important;
}

@media (max-width: 768px) {  
  .dataTables_wrapper .dataTables_length .form-control,
  .dataTables_wrapper .dataTables_filter .form-control {
    display: inline-block;
  }

  .dataTables_wrapper .dataTables_info {
    top: 17px;
  }

  .dataTables_wrapper .dataTables_paginate {
    margin-top: -15px;
  }
}

@media (max-width: 480px) {  
  .dataTables_wrapper .dataTables_filter .form-control {
    width: 175px !important;
  }

  .dataTables_wrapper .dataTables_paginate {
    float: left;
    margin-top: 20px;
  }
}

/***
Password Strength(in v1.4)
***/
.password-strength .password-verdict {
  display: inline-block;
  margin-top: 6px;
  margin-left: 5px;
}

.password-strength .progress {
  margin-top: 5px;
  margin-bottom: 0;
}

.password-strength .progress-bar {
  padding: 2px;
}

/***
Uniform disabled checkbox, radio button fix(in v1.4)
***/

.table .uniform-inline {
  padding: 0;
  margin: 0;
}

.checker {
  margin-top: -2px !important;
  margin-right: 2px !important;
}

.checker input,
.radio input {
  outline: none !important;
}

div.checker.disabled span, 
div.checker.disabled.active span{
    background-position: -152px -260px; 
}

div.checker.disabled:hover,
div.radio.disabled:hover {
    cursor: not-allowed;  
}

/***
jQuery Sparkline
***/
.jqstooltip {
  width: auto !important;
  height: auto !important;
}


/***
jQuery Multi Select
***/

.ms-container .ms-list {
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;

}

.ms-container .ms-optgroup-label{
  font-size: 14px;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
  font-size: 13px;
}

.ms-container .ms-list.ms-focus {
  border-color: #999999;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
  color: #333;
  background-color: #eee;
}

.ms-container .form-control {
  margin-bottom: 5px;
}

/***
Bootstrap Colorpicker
***/
.input-group.color .input-group-btn i {
  position: absolute;
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  right: 6px;
} 

.colorpicker.dropdown-menu {
  padding: 5px;
}

/***
Bootstrap  Datetimepicker
***/

.datetimepicker table td {
  font-weight: 300  !important;
  font-family: 'Open Sans' !important;
}

.datetimepicker table th {
  font-family: 'Open Sans' !important;
  font-weight: 400  !important;
}

.datetimepicker-inline1 {
  background: #e5e5e5;
  padding: 5px;
}

.datetimepicker.dropdown-menu {
  padding: 5px;
}

.datetimepicker .active {  
  background-color:#4b8df8 !important;
  background-image: none !important;
  filter: none !important;
}


.datetimepicker .active:hover {
  background-color: #2678FC !important;
  background-image: none !important;
  filter: none !important;

}

/* change z-index when opened in modal */
.modal-open .datetimepicker {
  z-index: 10055 !important;
}

/***
Bootstrap Datepicker
***/

.datepicker.dropdown-menu {
  padding: 5px;
}

.datepicker .selected {  
  background-color:#909090 !important;
  background-image: none !important;
  filter: none !important;
}

.datepicker .active {  
  background-color:#4b8df8 !important;
  background-image: none !important;
  filter: none !important;
}

.datepicker .active:hover {
  background-color: #2678FC !important;
  background-image: none !important;
  filter: none !important;
}

.datepicker .input-daterange input {
  text-align: left;
}

/* change z-index when opened in modal */
.modal-open .datepicker {
  z-index: 10055 !important;
}

.datepicker table td {
  font-weight: 300  !important;
  font-family: 'Open Sans' !important;
}

.datepicker table th {
  font-family: 'Open Sans' !important;
  font-weight: 400  !important;
}


/***
Clockface
***/

.modal-open .clockface {
  z-index: 10055 !important;
}

.clockface .cell .inner.active,
.clockface .cell .outer.active {
  background-color:#4b8df8 !important;
  background-image: none ;
  filter:none ;
}


/***
Bootstrap Daterangepicker
***/

.modal-open .daterangepicker {
  z-index: 10055 !important;
}

.daterangepicker td {
  text-shadow: none ;
}

.daterangepicker td.active {
  background-color: #4b8df8 ;
  background-image: none ;
  filter:none ;
}

.daterangepicker th {
  font-weight: 400;
  font-size: 14px;
}

.daterangepicker .ranges input[type="text"]  {
  width: 70px !important;
  font-size: 11px;
  vertical-align: middle;
}

.daterangepicker .ranges label {
  font-weight: 300;
  display: block;
}

.daterangepicker .ranges .btn {
  margin-top: 10px;
}

.daterangepicker.dropdown-menu {
  padding: 5px;
}

.daterangepicker .ranges li {
  color: #333;
}

.daterangepicker .ranges li.active, 
.daterangepicker .ranges li:hover {
  background: #4b8df8 !important;
  border: 1px solid #4b8df8 !important;
  color: #fff;
}

.daterangepicker .range_inputs input {
  margin-bottom: 0 !important;
}

/***
Bootstrap Editable
***/

.editable-input table,
.editable-input table th,
.editable-input table td,
.editable-input table tr {
  border: 0 !important;
}

/***
FuelUX Spinners
***/

.spinner-buttons.btn-group-vertical .btn {
  text-align: center;
  margin: 0;
  height: 17px;
  width: 22px;
  padding-left: 6px;
  padding-right: 6px;
} 

.spinner-buttons.btn-group-vertical .btn .icon-angle-down {
  display: inline-block;
  position: relative;
  top: -2px;
}


/***
NoUI Range Sliders
***/
.noUi-handle {
  height: 20px;
  width: 20px;
  margin: -3px 0 0 -20px;
}

.noUi-base {
  height: 16px;
}

.noUi-connect {
  background: #ffb848;
}

/***
Toastr Notifications
***/
.toast {
    -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}

.toast .toast-close-button {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  text-indent: -100000px;
  width: 11px;
  height: 16px;
  background-repeat: no-repeat !important;
  background-image: url("../img/portlet-remove-icon-white.png") !important;
}

.toast-top-center {
  top: 12px;
  margin: 0 auto;
  left: 50%;
  margin-left: -150px;
}

.toast-bottom-center {
  bottom: 12px;
  margin: 0 auto;
  left: 50%;
  margin-left: -150px;
}

/***
Google reCaptcha
***/
.form-recaptcha-img {
  margin-bottom: 10px;
  clear: both;
  border: 1px solid #e5e5e5;
  padding: 5px;
}

/***
Bootstrap Markdown
***/
.md-input {
  padding: 5px !important;
  border-bottom: 0 !important;
}

.md-editor.active {
  border: 1px solid #999999;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}
/***
Default theme
***/

/***
Reset and overrides  
***/
body {
  background-color: #3d3d3d !important;
}
/***
Page header
***/
.header {
  filter: none !important;
  background-image: none !important;
  /*background-color: #212121 !important;*/
}
.header .btn-navbar {
  background-color: #212121 !important;
}
.header .navbar-nav .dropdown-toggle:hover,
.header .navbar-nav .dropdown.open .dropdown-toggle {
  background-color: #383838 !important;
}
.header .navbar-nav li.dropdown .dropdown-toggle i {
  color: #8a8a8a !important;
}
/***
Page sidebar
***/
.page-sidebar {
  background-color: #3d3d3d;
}
ul.page-sidebar-menu > li > a {
  border-top: 1px solid #5c5c5c !important;
  color: #ffffff !important;
}
ul.page-sidebar-menu > li:last-child > a {
  border-bottom: 1px solid transparent !important;
}
ul.page-sidebar-menu > li a i {
  color: #969696;
}
ul.page-sidebar-menu > li.open > a,
ul.page-sidebar-menu > li > a:hover,
ul.page-sidebar-menu > li:hover > a {
  background: #303030;
}
ul.page-sidebar-menu > li.active > a {
  background: #e02222 !important;
  border-top-color: transparent !important;
  color: #ffffff;
}
ul.page-sidebar-menu > li.active > a i {
  color: #ffffff;
}
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
  border-top: 0px !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
  color: #ffffff !important;
  background: #575757 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
  background: #575757 !important;
}
/* 3rd level sub menu */
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
  color: #ffffff !important;
  background: #575757 !important;
}
/* font color for all sub menu links*/
ul.page-sidebar-menu li > ul.sub-menu > li > a {
  color: #bdbdbd;
}
/* menu arrows */
ul.page-sidebar-menu > li > a .arrow:before,
ul.page-sidebar-menu > li > a .arrow.open:before {
  color: #7d7d7d !important;
}
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
  color: #707070 !important;
}
ul.page-sidebar-menu > li > a > .arrow.open:before {
  color: #8a8a8a !important;
}
ul.page-sidebar-menu > li.active > a .arrow:before,
ul.page-sidebar-menu > li.active > a .arrow.open:before {
  color: #ffffff !important;
}
/* sidebar search */
.page-sidebar .sidebar-search input {
  background-color: #242424 !important;
  color: #7d7d7d;
}
.page-sidebar .sidebar-search input::-webkit-input-placeholder {
  color: #7d7d7d !important;
}
.page-sidebar .sidebar-search input:-moz-placeholder {
  color: #7d7d7d !important;
}
.page-sidebar .sidebar-search input:-ms-input-placeholder {
  color: #7d7d7d !important;
}
.page-sidebar .sidebar-search input {
  background-color: #3d3d3d !important;
  color: #bfbfbf !important;
}
.page-sidebar .sidebar-search .input-box {
  border-bottom: 1px solid #7d7d7d !important;
}
.page-sidebar .sidebar-search .submit {
  background-image: url(../img/search-icon.png);
}
/***
Sidebar toggler
***/
.sidebar-toggler {
  background-image: url(../img/sidebar-toggler.jpg);
  background-color: #242424;
}
/* search box bg color on expanded */
.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
  background-color: #3d3d3d !important;
}
.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
  background-image: url("../../img/sidebar-search-close.png");
}
/* sub menu bg color on hover menu item */
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
  background-color: #3d3d3d;
}
/***
Horizontal Menu(new in v1.2)
***/
/*search*/
.header .hor-menu .hor-menu-search-form-toggler.off {
  background: #000000 url(../img/hor-menu-search-close.png) no-repeat center;
}
.header .hor-menu .search-form {
  background: #000000;
}
.header .hor-menu .search-form .btn {
  color: #d6d6d6;
  background: #000000 url(../img/search-icon.png) no-repeat center;
}
.header .hor-menu .search-form form input {
  color: #d6d6d6;
}
.header .hor-menu .search-form form input::-webkit-input-placeholder {
  /* WebKit browsers */

  color: #d6d6d6;
}
.header .hor-menu .search-form form input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */

  color: #d6d6d6;
}
.header .hor-menu .search-form form input::-moz-placeholder {
  /* Mozilla Firefox 19+ */

  color: #d6d6d6;
}
.header .hor-menu .search-form form input:-ms-input-placeholder {
  /* Internet Explorer 10+ */

  color: #d6d6d6;
}
/***
Footer 
***/

.footer .footer-tools .go-top {
  background-color: #4f4f4f;
}
.footer .footer-tools .go-top:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.footer .footer-tools .go-top i {
  color: #8a8a8a;
}
/***
Footer Layouts (new in v1.3)
***/
/* begin:fixed footer */
.page-footer-fixed .footer {
  background-color: #242424;
}
.page-footer-fixed .footer .footer-inner {
  color: #999999;
}
.page-footer-fixed .footer .footer-tools .go-top {
  background-color: #4f4f4f;
}
.page-footer-fixed .footer .footer-tools .go-top i {
  color: #8a8a8a;
}
/* end:fixed footer */
/***
Gritter Notifications 
***/
.gritter-top {
  background: url(../plugins/gritter/images/gritter.png) no-repeat left -30px !important;
}
.gritter-bottom {
  background: url(../plugins/gritter/images/gritter.png) no-repeat left bottom !important;
}
.gritter-item {
  display: block;
  background: url(../plugins/gritter/images/gritter.png) no-repeat left -40px !important;
}
.gritter-close {
  background: url(../plugins/gritter/images/gritter.png) no-repeat left top !important;
}
.gritter-title {
  text-shadow: none !important;
  /* Not supported by IE :( */

}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
  background-image: url(../plugins/gritter/images/gritter-light.png) !important;
}
.gritter-item-wrapper a {
  color: #18a5ed;
}
.gritter-item-wrapper a:hover {
  color: #0b6694;
}
/* begin: boxed page */
@media (min-width: 992px) {
  .page-boxed {
    background-color: #2e2e2e !important;
  }
  .page-boxed .page-container {
    background-color: #3d3d3d;
    border-left: 1px solid #5e5e5e;
    border-bottom: 1px solid #5e5e5e;
  }
  .page-boxed.page-sidebar-fixed .page-container {
    border-left: 0;
    border-bottom: 0;
  }
  .page-boxed.page-sidebar-fixed .page-sidebar {
    border-left: 1px solid #5e5e5e;
  }
  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
    background-color: #2e2e2e !important;
  }
}
/* end: boxed page */
/***
Landscape phone to portrait tablet
***/
@media (max-width: 991px) {
  /***
    page sidebar
    ***/
  .page-sidebar {
    background-color: #292929 !important;
  }
  ul.page-sidebar-menu > li > a {
    border-top: 1px solid #4a4a4a !important;
  }
  ul.page-sidebar-menu > li:last-child > a {
    border-bottom: 0 !important;
  }
  .page-sidebar .sidebar-search input {
    background-color: #292929 !important;
  }
  ul.page-sidebar-menu > li.open > a,
  ul.page-sidebar-menu > li > a:hover,
  ul.page-sidebar-menu > li:hover > a {
    background: #1e1e1e;
  }
}

/***
Login page
***/

/* logo page */
.login {
    width:100vw;
    height:100vh;
	background-color: #fff !important;
}

.login .logo {
	margin: 0 auto;
	/*margin-top: 20px;*/
	padding: 15px 0 15px 0;
	text-align: center;
	width: 100%;
}

.login .logo-activacion {
	margin: auto;    
    padding-top:30px;
}

.login .logo .principal {
	padding-right: 10px;
}

.login .logo .secundario {
	border-left: 1px solid #666666;
	padding-left: 10px;
}

.login .logo-activacion .secundario {
	border-left: 1px solid #666666;
    padding-left: 10px;
}

.login .content {
	width: 400px;
	margin: 15px auto 90px auto;
	padding: 30px;
	border: 1px solid #bcbbbb;
  padding-top: 10px;
}

.login .content2 {
	width: 360px;
	margin: 0 auto;
}


.login .contentError {
	width: 600px;
	margin: 0 auto;
	margin-bottom: 0px;
	padding: 30px;
	padding-top: 40px;
	padding-bottom: 15px;
	text-align: center;
}

.login .content-terminos {
    position:static;
	background-color: #ddd;
	width: 650px;
	margin: 0 auto;
	margin-bottom: 0px;
	padding: 30px;
	padding-top: 0 !important;
	padding-bottom: 0px;
	/*height: 500px;*/
}

.login .content-activacion {
    margin: auto;
	padding: 30px;
	padding-top: 20px;
	padding-bottom: 15px;
	/*height: 175px;*/
	margin-top: 30px;
	text-align: center;
}

.login .content-activacion .form-actions-activacion {
	background-color: #ddd;
	clear: both;
	border: 0px;
	border-top: 1px solid #eee;
	padding: 25px 30px 15px 30px;
	margin-left: -30px;
	margin-right: -30px;
	font-size: 14px;

}

.login .content-activacion .msg-estandar{
    font-size: 30px;
    font-weight: bold;
    line-height: 38px;
}

.slimScrollDiv 
{
	height: 390px !important;
}

#div-terminos
{
	height: 380px !important;
}

.login .content h3 {
	/*color: #02a7dc;*/
	text-align: center;
	font-weight: bold !important;
}
.login .content h4 {
	color: #555;
}

.login .content p {
	color: #02a7dc;
	margin-bottom: 0px;
}

.login .content .login-form, .login .content .forget-form {
	padding: 0px;
	margin: 0px;
}

.form-group .input-icon {
	border-left: 2px solid #35aa47;
}

.login .content .input-icon .form-control {
	border-left: 0;
}

.login .content .forget-form {
	display: none;
}

.login .content .register-form {
	display: none;
}

.login .content .form-title {
	font-weight: 300;
	margin-bottom: 25px;
}

.login .content .form-actions {
    background-color: #FFF;
    clear: both;
    border: 0;
    padding: 0 0 20px 0;
}
.login .content-terminos #div-terminos {
	height: 300px;
}

.login .content-terminos .form-actions-terminos {
	background-color: #ddd;
	clear: both;
	border: 0px;
	border-top: 1px solid #eee;
	padding: 15px 30px 15px 30px;
	margin-left: -30px;
	margin-right: -30px;
}

.login .content .form-actions .checkbox {
	margin-left: 0;
	padding-left: 0;
}

.login .content .forget-form .form-actions {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 20px;
}

.login .content .register-form .form-actions {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 0px;
}

.login .content .form-actions .checkbox {
	margin-top: 8px;
	display: inline-block;
}

.login .content .form-actions .btn {
	margin-top: 1px;
	width: 100%
}

.login .content .forget-password {
	margin-top: 25px;
}

.login .content .create-account {
	border-top: 1px dotted #eee;
	padding-top: 10px;
	margin-top: 15px;
}

.login .content .create-account a {
	display: inline-block;
	margin-top: 5px;
}

/* select2 dropdowns */
.form-group .select2-container {
	border-left: 2px solid #35aa47 !important;
}

.login .content .select2-container .select2-choice {
	border-left: none !important;
}

.login .content .select2-container i {
	display: inline-block;
	position: relative;
	color: #ccc;
	z-index: 1;
	top: 1px;
	margin: 4px 4px 0px 3px;
	width: 16px;
	height: 16px;
	font-size: 16px;
	text-align: center;
}

.login .content .has-error .select2-container i {
	color: #b94a48;
}

.login .content .select2-container a span {
	font-size: 13px;
}

.login .content .select2-container a span img {
	margin-left: 4px;
}

.login div.login-form div.checker {
	margin-top: -2px !important;
}

/* footer copyright */
.login .copyright {
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	color: #999;
	font-size: 10px;
}

.login .form-group .question {
	text-align: right;
	color: #02a7dc;
	font-size: 11px;
	padding-bottom: 2px;
}

.login .form-group .has-error {
	font-size: 11px;
}

.Linkterminos 
{ 
    color:white !important;  
}

.login .login-form .registro .label{
    font-size: 12px;
}

.login .menu-inf
{   
    font-size: 14px;
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.login .menu-inf .lnk1{
    text-align: right; 
    border-right: 1px solid #666666;
    display:inline-block;
}

.login .menu-inf .lnk2{
    text-align: left; 
    vertical-align: middle; 
    display:inline-block;
}

.login .container-ppal{
    bottom: 0; left: 0; top: 0; right: 0;
    margin: auto;
    width: 100%;
    /*height: 600px;*/
}

.container-ppal-movil {
    position: relative !important;
}

.login .container-ppal-activacion{
    bottom: 0; left: 0; top: 0; right: 0;
    margin: auto;
    position: absolute;
    height: 600px;    
}

/*
.form-horizontal .control-label {
    text-align: left;
    padding-left: 37px;
}
*/
.titulo-control {
    color: #58585b;
}

@media (max-width: 480px) {
	/***
	  Login page
	  ***/
	.login .logo {
		margin-top: 120px;
	}

	.login .content {
		padding: 20px;
		width: 100%;
    max-width: 400px;
	}

	.login .content-terminos {
		padding: 20px;
		width: 280px;
		margin-bottom: 250px;
	}

	.login .content-terminos .form-actions-terminos {
		height: 100px;
		padding: inherit;
		margin-left: 0;
		margin-right: 0;
        text-align: center;
	}

	.login .content-terminos .form-actions-terminos .btn {
		margin-top: 8px;
	}

	.login .content h3 {
		font-size: 22px;
	}

	.login .checkbox {
		font-size: 13px;
	}

	/*.login .content-terminos {
		height: 580px;
	}*/
}

@media screen and (max-device-height: 700px) {
  .mostrarMovil {
    height: 90px !important;
  }
}

@media (max-width: 767px) {
	/***
	  Login page
	  ***/
	.login .logo {
		margin-top: 120px;
	}

  .login .content {
    padding: 20px;
    width: 100%;
    max-width: 400px;
    margin: 15px auto 0 auto;
  }

	.login .content-terminos {
		padding: 20px;
		width: 280px;
		margin-bottom: 250px;
	}

  .url-container {
    margin-top: 20px;
  }

	.login .content-terminos .form-actions-terminos {
		/*height: 100px;*/
		padding: inherit;
		margin-left: 0;
		margin-right: 0;
	}

	.login .content-terminos .form-actions-terminos .btn {
		margin-top: 8px;
	}

	.login .content h3 {
		font-size: 22px;
	}

	.login .checkbox {
		font-size: 13px;
	}

	/*.login .content-terminos {
		height: 580px;
	}*/

	.login .container-ppal{
		/*margin-bottom: 250px;*/
	}
}

@media (max-width: 767px) {
    .login .logo {
		margin-top: 0;
	}
}

/* iPhone 4 (S) */
@media (max-height:479px) {
    .content-terminos .login-form .form-group { margin-bottom:0px;}
    .login .content-terminos {
        /*margin-bottom: 72px !important;*/
    }
    #scrollParent {
        padding:20px 0 0 20px;
    }
    #div-terminos
    {
	    height: 260px !important;
    }
    .login .content-terminos .form-actions-terminos {
        height: 140px;
        padding: 10px 20px 20px 20px;
    }

     .login .content {
        padding-bottom: 40px !important;
	}

   
}

/* IPhone 5 (C/S/SE) */
@media (min-height: 320px) and (max-height: 568px) {
    .content-terminos .login-form .form-group { margin-bottom:0px;}
    .login .content-terminos {
        /*margin-bottom: 72px !important;*/
    }
    #scrollParent {
        padding:20px 0 0 20px;
    }
    #div-terminos
    {
	    height: 380px !important;
    }
    .login .content-terminos .form-actions-terminos {
        height: 100px;
        padding: 0px 20px 20px 20px;
        text-align: center;
    }
}

/* IPhone 6 (S) */
@media (min-height: 569px) and (max-height: 667px) {
    .content-terminos .login-form .form-group { margin-bottom:0px;}
    .login .content-terminos {
       /* margin-bottom: 0 !important;*/
    }
    #scrollParent {
        padding:20px 0 0 20px;
    }
    #div-terminos
    {
	    height: 380px !important;
    }
    .login .content-terminos .form-actions-terminos {
        padding: 0px 20px 0px 20px;
        text-align: center;
    }

     .login .footer {
        position:fixed !important;
    }

}

@media screen and (max-width: 320px) {
    .login .content {
        padding: 10px;
        /*width: 290px;*/
    }
}

@media screen and (min-width: 321px) and (max-width: 375px) {
    .login .content {
        padding: 10px;
        /*width: 290px;*/
    }
}

.logo {
    display:flex;
    flex-flow:row nowrap;
    justify-content:center;
}
.logo div {
    flex:0 1 auto;
}
.linkSep {
    width: 1px;
    border-left: 1px solid gray;
    margin: 0 10px;
}

.container-log-out {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0 !important;
}

@media (min-width: 755px) {
  .container-log-out {
    flex-wrap: nowrap;
  }
}

  .container-log-out .container-form {
    display: flex;
    justify-content: center;
    padding: 0 15px;
  }

    .container-log-out .container-form .form-log-out {
      margin: 0;
      width: 100%;
      max-width: 400px;
    }

  .container-log-out .separator {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 65%;
    border-left: 1px solid #424242;
  }

  .container-log-out .container-images {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0 0 0;
    margin-bottom: 80px;
  }

    .container-log-out .container-images img {
      /*border-radius: 16px !important;*/
    }

.login {
  overflow-x: hidden;
  /*background-color: #f2f2f2 !important;*/
}

  .login .container-log-out .content {
    width: auto;
    /*background-color: #ffffff;
    border-radius: 16px !important;
    box-shadow: 15px 15px 27px #e1e1e3;
    border: 0 !important;*/
  }

.justify-content-center {
  justify-content: center !important;
}

@media (min-width: 768px) {
  .container-log-out .container-form {
    justify-content: flex-end;
    padding: 0 75px;
  }

    .container-log-out .container-form .form-log-out {
      margin: 20px 0 0 0;
    }

  .container-log-out .separator {
      display: block;
  }

  .container-log-out .container-images {
    justify-content: flex-start;
    padding: 0 75px;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .container-log-out .container-form {
    padding: 0 20px;
  }
  
  .container-log-out .container-images {
    padding: 0 20px;
  }
}

/***
Inbox Page
***/
.inbox {
  margin-bottom: 20px;
}

.inbox .inbox {
  margin-bottom: 0px;
}

.inbox .tab-content {
  overflow: inherit;
}

.inbox .inbox-loading {
  display: none;
  font-size: 22px;
  font-weight: 300;
}

/*Imbox Menu*/
.inbox .inbox-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.inbox .inbox-nav li {
  position: relative;
}

.inbox .inbox-nav li a {
  color: #4d82a3;
  display: block;
  font-size: 15px;
  border-left: none;
  text-align: left !important;
  padding: 8px 14px;
  margin-bottom: 1px;
  background: #f4f9fd;
}

.inbox .inbox-nav li.active a,
.inbox .inbox-nav li.active:hover a {
  color: #fff;
  border-left: none;
  background: #169ef4 !important;
  text-decoration: none;
}

.inbox .inbox-nav li.active b {
  top: 0;
  right: -4px;
  width: 8px;
  height: 35px;
  position: absolute;
  display: inline-block;
  background: url(../../Imagenes/inbox-nav-arrow-blue.png) no-repeat;
}

.inbox .inbox-nav li:hover a {
  color: #4d82a3;
  background: #eef4f7 !important;
  text-decoration: none;
}

.compose-btn a {
  text-align: left;
  margin-bottom: 18px;
  width: 185px;
}

/*Inbox Content*/
.inbox .inbox-header {
  overflow: hidden;
}

.inbox .inbox-header h1 {
  margin: 0;
  color: #666;
  margin-bottom: 10px;
}

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

.inbox .pagination-control .pagination-info {
  display: inline-block;
  padding-right: 10px;
  font-size: 14px;
  line-height: 14px;
}

.inbox tr {
  color: #777;
  font-size: 13px;
}

.inbox tr label {
  display: inline-block;
  margin-bottom: 0;
}

.inbox tr.unread td{
  font-weight: 600;
}

.inbox td i.icon-paper-clip {
  top: 2px;
  color: #d8e0e5;
  font-size: 17px;
  position: relative;
}

.inbox tr i.icon-star,
.inbox tr i.icon-trash {
  cursor: pointer;  
}

.inbox tr i.icon-star {
  color: #eceef0;
}

.inbox tr i.icon-star:hover {
  color: #fd7b12;
}

.inbox tr i.inbox-started {
  color: #fd7b12;  
}

.inbox .table th, 
.inbox .table td {
  border: none;
}

.inbox .table th {  
  background: #eef4f7;
  border-bottom: solid 5px #fff;
}

.inbox th.text-right {
  text-align: right;
}

.inbox th label.inbox-select-all {
  color: #828f97;
  font-size: 13px;
  padding: 1px 4px 0;
}

.inbox ul.inbox-nav {
  margin-bottom: 0;
}

.inbox ul.inbox-nav li {
  padding: 0;
}

.inbox ul.inbox-nav li span {
  color: #828f97;
  font-size: 12px;
  margin-right: 10px;
}

.inbox ul.inbox-nav i {
  color: #fff;
  padding: 1px 0;
  font-size: 15px;
  cursor: pointer; 
  background: #d0dde4 !important;
}

.inbox ul.inbox-nav i:hover {
  background: #169ef4 !important;
}

.inbox td.text-right {
  width: 100px;
  text-align: right;
}

.inbox td.inbox-small-cells {
  width: 10px;
}

.inbox .table-hover tbody tr:hover>td, 
.inbox .table-hover tbody tr:hover>th, 
.inbox .table-striped tbody>tr:nth-child(odd)>td, 
.inbox .table-striped tbody>tr:nth-child(odd)>th {
  background: #f8fbfd;  
  cursor: pointer;
}

.inbox .table-hover tbody tr:hover>td, 
.inbox .table-hover tbody tr:hover>th {
  background: #eef4f7;
}

/*Inbox Drafts*/
.inbox .inbox-drafts {
  padding: 8px 0;
  text-align: center;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}

/*Inbox View*/
.inbox-view-header {
  margin-bottom: 20px;
}

.inbox-view-header h1 {
  color: #666;
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 0 !important;
}

.inbox-view-header h1 a {
  top: -2px;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  padding: 2px 7px;
  line-height: 16px;
  position: relative;
  background: #b0bcc4;
  display: inline-block;
}

.inbox-view-header h1 a:hover {
  background: #aab5bc;
  text-decoration: none;
}

.inbox-view-header i.icon-print {
  color: #94a4ab;
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  padding: 6px 8px !important;
  background: #edf1f4 !important;
}

.inbox-view-header i.icon-print:hover {
  background: #e7ebef !important;
}

.inbox-view-info {
  color: #666;  
  padding: 5px 0;
  margin-bottom: 10px;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}

.inbox-view-info strong {
  color: #666;
  margin: 0 10px 0 5px;
}

.inbox-view-info .inbox-info-btn {
  text-align: right;
}

.inbox-view-info .inbox-info-btn ul {
  text-align: left;
}

.inbox-view-info button {
  top: 2px;
  color: #94a4ab;
  font-size: 13px;
  margin-left: 4px; 
  padding: 3px 10px;
  position: relative;
  background: #edf1f4;
}

.inbox-view-info button:hover {
  color: #94a4ab;
  background: #e7ebef;
}

.inbox-view {
  color: #666;
  padding: 15px 0 0;
}

.inbox-view a {
  color: #169ce9;
}

.inbox-attached {
  line-height: 16px;
}

.inbox-attached a {
  margin: 0 2px;
}

.inbox-attached img {
  height: auto;
  max-width: 250px;
  margin-bottom: 5px;
}

.inbox-attached span {
  margin-right: 3px;
}

.inbox-attached strong {
  color: #555;
  display: block;
  font-size: 13px;
}

.inbox-attached .margin-bottom-25 {
  margin-bottom: 25px;
}

.inbox-attached .margin-bottom-15 {
  margin-bottom: 15px;
}


/*Inbox Compose*/
.inbox-compose {
  margin-top: 1px;
  border: solid 1px #eee;
}

.inbox-compose-btn {
  padding: 8px 4px;
  background: #f0f6fa;
}

.inbox-compose-attachment {
  padding: 8px 8px;
}

.inbox-compose-attachment .btn {
  padding: 4px 10px;
}

.inbox-compose-btn button {
  color: #fff;
  font-size: 14px;
  margin-left: 4px;
  padding: 4px 10px;
  background: #c0cfdd;
}

.inbox-compose-btn button:hover {
  color: #fff;
  background: #4d90fe;
}

.inbox-compose-btn button i {
  margin-right: 3px;
}

.inbox-compose .inbox-form-group {
  margin-bottom: 0;
  position: relative;
  border-bottom: solid 1px #eee;
}

.inbox-compose .controls {
  margin-left: 85px;
}

.inbox-compose .inbox-form-group > label {
  width: 80px;
  float: left;
  color: #979797;
  text-align: right;
}

.inbox-compose .controls > input {
  border: none !important;
}
.inbox-compose .controls-to {
  padding-right: 55px;
}

.inbox-compose .controls-cc {
  padding-right: 20px;
}

.inbox-compose .controls-bcc {
  padding-right: 20px;
}

.inbox-compose .inbox-form-group a.close {
  top: 13px;
  right: 10px;
  position: absolute;
}

.inbox-compose .mail-to .inbox-cc-bcc {
  display: inline-block;
  top: 7px;
  right: 10px;
  color: #979797;
  font-size: 14px;
  cursor: pointer;
  position: absolute;
}

.inbox-compose .mail-to .inbox-bcc {
  margin-left: 5px;
}

.inbox-compose .mail-to inbox-cc:hover,
.inbox-compose .mail-to inbox-bcc:hover {
  color: #777;
}

.inbox-compose .wysihtml5 {
  padding: 0px !important;
  margin: 0px !important;
  border: 0 !important;
}

.inbox-compose .wysihtml5-sandbox {
  padding: 0px !important;
  margin: 0px !important;
  display: block !important;
  border: 0 !important;
  margin-top: 5px;
  width: 100% !important;
  border-left: none;
  border-right: none;
  border-color: #eee;
}

.inbox-compose .wysihtml5-toolbar {  
  border: 0;
  border-bottom: 1px solid #eee;
}

.inbox-compose .wysihtml5-toolbar > li {
  height: 34px;
  margin-right: 0;
  margin-bottom: 0;
}

.inbox-compose .wysihtml5-toolbar > li > a,
.inbox-compose .wysihtml5-toolbar > li > div > a {
  background: #fff;
}

.inbox-compose .wysihtml5-toolbar .dropdown.open .dropdown-toggle,
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
  background: #eee !important;
}

@media (max-width: 480px) {

  .inbox-compose .inbox-form-group > label {
    margin-top: 7px;
  }

}
/** cambio ux botones default */
.btn.default {
	color: white;
	text-shadow: none;
	background-color: #c6c5c5;
}

	.btn.default:hover,
	.btn.default:focus,
	.btn.default:active,
	.btn.default.active,
	.btn.default[disabled],
	.btn.default.disabled {
		color: white;
		text-shadow: none;
		background-color: #9B9B9B;
	}

	/** reset para los botones circulares */
	.btn.default[class~="circle"] {
		color: #333333;
		text-shadow: none;
		background-color: #e5e5e5;
	}

		.btn.default[class~="circle"]:hover,
		.btn.default[class~="circle"]:focus,
		.btn.default[class~="circle"]:active,
		.btn.default[class~="circle"].active,
		.btn.default[class~="circle"][disabled],
		.btn.default.disabled[class~="circle"] {
			color: #333333;
			background-color: #d8d8d8 !important;
			outline: none !important;
		}


form {
	height: calc(100vh - 80px);
}

.wrapper {
	min-height: 100%;
	position: relative;
}

/** Bootstrap override **/
.nav-tabs li a {
	color: #999;
}

.nav-tabs li a:hover {
	color: #666;
}

.nav-pills > li.active > a, .nav-pills > li.active > a span, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	color: #2895B2 !important;
    background-color:transparent !important;
    font-weight: 600;
   
}

.nav > li > a:focus, .nav > li > a:hover, .nav > li > a:focus span, .nav > li > a:hover span {
    text-decoration: none;
    /*font-weight: 600;*/
    color: #2895B2 !important;
    /*background-color:transparent !important;*/
}

.nav > li:hover, .nav > li > a:focus div, .nav > li > a:hover div{
  
   background-position-y: top;
}

.row {
	margin-right: 0px !important;
	margin-left: -15px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
	position: absolute;
}

.popover {
	max-width: 300px !important;
	width: auto;
}

.form-group .popover {
	min-width: 200px !important;
	max-width: 300px !important;
	width: auto !important;
}

#ttParaVideoConsultarContainerElem .popover {
	max-width: 500px;
	font-size: smaller;
}

.control-label.h7 {
	font-size: 20px;
	font-weight: bold !important;
	margin-top: 0px;
}

.progress {
	background-color: #dfdfdf;
}

.alert-compress {
	padding: 5px 10px 10px 10px;
	margin-bottom: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
}

/** Nuevos **/
.line-height-150 {
	line-height: 150%;
}

.header-app {
	height: 80px;
}

	.header-app ul {
		height: 80px;
		margin-bottom: 0px;  
    display: flex; 
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
	}

		.header-app ul > li {
			padding: 10px;
			height: 100%;
			min-width: 110px;
		}

		.header-app ul li.active {
			
		}

.header-app-icon {
	text-align: center;
	color: #999;
	padding: 0 !important;
	font-family: 'Montserrat';
    font-size: 10px;
    font-weight: normal !important;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 2.4px;
    text-align: center;
    color: #616061;
}

	.header-app-icon img {
		width: 67px;
		height: 67px;
		margin-bottom: 3px;
	}

  .header-app-icon .icon-Asistente,
  .header-app-icon .icon-AsesoresIA,
  .header-app-icon .icon-SolicitudExamenes {
    height: 62px;
    margin-top: -13px;
    background-position-y: -67px;
  }

.has-error {
  color: #b94a48;
}

	.has-error[style*="inline"] {
		display: block !important;
	}

.dropdown-user {
	background-color: #dfdfdf;
}

	.dropdown-user img {
		max-width: 20px;
		max-height: 20px;
		margin-right: 3px;
	}

.loading-modal {
	display: block;
	z-index: 15050 !important;
}

	.loading-modal img {
		width: 48px;
		height: 48px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -24px;
		margin-left: -24px;
	}

.table {
  overflow-x: auto;
}

.dataTables_wrapper > div {
  overflow-x: auto
}


  .display-none {
    display: none;
  }

.header .navbar-brand .img-responsive {
	/*max-height: 70px; 	max-width: 180px; 	margin-left: 15px;*/
}

.form-group .tooltip-help {
	color: #000;
	text-align: left;
	text-decoration: initial;
}

	.form-group .tooltip-help .icon-question {
		font-size: 13px !important;
	}

.button-center {
	text-align: center;
	margin-top: 20px;
}

select {
	line-height: inherit !important;
}

.input-icon select {
	padding-left: 30px;
}

#div-terminos {
	text-align: justify;
	text-justify: inter-word;
	padding-right: 10px;
}

.modal-center {
	padding-top: 15%;
}

	.modal-center .fade .in {
		padding-top: 15%;
	}

.botton-tab {
	min-width: 150px;
}

.cursor-pointer {
	cursor: pointer;
}

.link-footer {
  cursor: pointer;
  color: white !important;
}

.circle {
	-webkit-border-radius: 100px !important;
	-moz-border-radius: 100px !important;
	border-radius: 100px !important;
	padding: 7px 10px !important;
}

.btn-agregar {
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;
	padding: 5px 10px !important;
}

.btn.default[class~="btn-agregar"] {
	color: #333333;
	text-shadow: none;
	background-color: #e5e5e5;
}

	.btn.default[class~="btn-agregar"]:hover,
	.btn.default[class~="btn-agregar"]:focus,
	.btn.default[class~="btn-agregar"]:active,
	.btn.default[class~="btn-agregar"].active,
	.btn.default[class~="btn-agregar"][disabled],
	.btn.default.disabled[class~="btn-agregar"] {
		color: #333333;
		background-color: #d8d8d8 !important;
		outline: none !important;
	}

.badge-doc {
	margin-left: -10px;
	margin-top: -5px;
	position: absolute;
}

/** loadin apps **/

.loading-backdrop {
	opacity: 1.0;
	background-color: #fff !important;
	text-align: center;
	padding-top: 100px;
	z-index: 20050 !important;
}

.loading-content {
	width: 500px;
	margin: auto;
}

/*  Gray */
.btn.gray {
	color: white;
	text-shadow: none;
	background-color: #b6b6b6;
}

	.btn.gray:hover, .btn.gray:focus, .btn.gray:active, .btn.gray.active, .btn.gray[disabled], .btn.gray.disabled {
		background-color: #7f7f7f !important;
		color: #fff !important;
		outline: none !important;
	}



/*----------------------------------
				VSee
------------------------------------*/

#div-vsee {
	text-align: center;
	margin: auto;
}

	#div-vsee .espera {
		position: relative;
		z-index: 9;
		top: 0px;
		width: 400px;
		height: 315px;
		text-align: center;
		margin: 15px auto auto auto;
	}

	#div-vsee .image-wait {
		display: none;
		z-index: 3;
		width: 400px;
	}

	#div-vsee .video-wait {
		display: none;
		z-index: 2;
		width: 100%;
		height: 100%;
	}

	#div-vsee .cam-label {
		width: 445px;
		height: 18px;
		text-align: center;
	}

		#div-vsee .cam-label span {
			font-size: 18px;
		}

/*----------------------------------
				Tokbox
------------------------------------*/

#div-tokbox {
	margin: auto;
}

	#div-tokbox .cam {
		position: relative;
		z-index: 9;
		top: 0px;
		width: 445px;
		height: 337px;
		border-style: solid;
		border-width: 1px;
		text-align: center;
	}

    #div-tokbox .camTripartita {
		position: relative;
		z-index: 9;
		top: 0px;
		width: 310px;
		height: 270px;
		border-style: solid;
		border-width: 1px;
		text-align: center;
	}

	#div-tokbox .chat-open {
		position: absolute;
		z-index: 9;
		bottom: 0;
		left: 0;
		cursor: pointer;
		display: none;
	}

    #div-tokbox .video-on {
		position: absolute;
		z-index: 9;
		bottom: 10px;
		left: 376px;
		cursor: pointer;
		display: none;
	}

  #div-tokbox .compartir-pantalla {
		position: absolute;
		z-index: 9;
		bottom: 280px;
		left: 0px;
		cursor: pointer;
		display: none;
	}

	#div-tokbox .chat-window {
		position: absolute;
		z-index: 10;
		width: 444px;
		height: 337px;
		background-color: white;
		border-style: solid;
		border-width: 8px;
		border-color: #696566;
		border-bottom-width: 1px;
		border-top-width: 1px;
		display: none;
	}

		#div-tokbox .chat-window .title {
			width: 425px;
			height: 35px;
			padding-top: 5px;
		}

		#div-tokbox .chat-window .chat-close {
			float: right;
			cursor: pointer;
			margin-right: 5px;
		}

        #div-tokbox .chat-window .chat-close i {
          font-size: 24px;
        }

		#div-tokbox .chat-window .text {
			width: 410px;
			height: 200px;
			top: 0px;
			left: 0px;
			overflow-x: hidden;
			overflow-y: scroll;
			text-align: left;
			border-style: solid;
			border-width: 1px;
			padding: 10px;
			margin: auto;
            position: relative;
		}

        .escribiendo {
            position: absolute;
            background-color: #eee;
            transform: translate(11px,-19px);
        }

		#div-tokbox .chat-window .container-controls {
			border-style: solid;
			border-width: 1px;
			width: 410px;
			height: 77px;
			padding: 10px;
			margin: auto;
			margin-top: 10px;
		}

        #div-tokbox .chat-window .container-controls table {
          width: 100%;
        }

			#div-tokbox .chat-window .container-controls .message {
				overflow: auto;
				border-style: dotted;
				border-width: 1px;
				border-color: black;
				font-family: inherit;
				font-weight: normal;
				width: 300px;
				height: 56px;
				text-align: left;
				resize: none;
			}

      #div-tokbox .chat-window .container-controls .send {
        float: right;
        margin: 0 5px !important;
        cursor: pointer;
        width: 80px;
        padding: 5px;
      }

	#div-tokbox .image-wait {
		display: none;
		z-index: 3;
		width: 100%;
		height: 100%;
	}

	#div-tokbox .video-wait {
		display: none;
		z-index: 2;
		width: 100%;
		height: 100%;
	}

	#div-tokbox .cam-label {
		/*width: 50%;*/
		height: 18px;
		text-align: center;
		padding-top: 15px;
        padding-bottom: 30px;
	}

		#div-tokbox .cam-label span {
			font-size: 18px;
		}

    .info-chat {
        font-family: 'Open Sans';
        font-size: 13.6px;
        text-align: left;
        color: #646464;
        padding-left: 64px;
        margin-top: 100px;
        
    }

   .info-chat-title {
    font-size: 15.3px !important;
    font-weight: 600;
    line-height: 2.2;
    letter-spacing: -0.2px;
    display:block;
    font-family: 'Open Sans';
  }

.info-chat-description {
     line-height: 1.6;
     display:block;
     height: 67px;
     font-family: 'Open Sans';
}

.chat-label {   
  padding-top:20px;
  padding-left:22px;
  font-family: 'Open Sans';
  font-size: 14.3px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.1px;
  text-align: left;
  color: #646464;
}

/*video conferencia tokbox*/
    .buttonVideo
    {
        justify-content:center;
        text-align: center;
        margin-top: 15px;
    }

  .button-video-img {
    width: 65px;
    height: 64px;
    object-fit: contain;
    display: block;
    clear: both;
    margin: auto;
    margin-bottom: 7px;
    border: 5px solid #05A44F;
    border-radius: 100% !important;
    transition: all 0.3s;
  }

    .button-video-img:hover,
    .button-video-img:active {
      background-color: #05A44F;
    }

    .button-video-img > svg {
      width: 100%;
      height: 100%;
      display: inline-block;
      transition: all 0.3s;
      color: #05A44F;
    }

    .button-video-img:hover > svg,
    .button-video-img:active > svg {
      color: #ffffff;
    }

.buttonVideoLabel {
  font-family: 'Montserrat-Light';
  font-size: 15px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #15973e;
  clear: both;
}
/* Cita */

.footer-cita {
	height: 90px;
}

.footer-cita .btn {
	position: absolute;
	bottom: 0;
}

#div-mensaje-cita-container-images {
	text-align: center;
}

.modal-cita {
	top: 130px;
}

/* Pasos descarga */
.step-horizoltal {
	min-height: 340px;
}

.step-vertical img {
	margin: auto;
}

/** Style override **/
.header {
	height: 50px;
	min-height: 50px;
}

	.header .navbar-brand {
		padding-top: 20px;
		margin-left: 20px;
		width: 460px;
	}

		.header .navbar-brand .principal {
			padding-right: 10px;
			display: inline;
		}

		.header .navbar-brand .secundario {
			border-left: 1px solid #666666;
			padding-left: 10px;
			display: inline;
		}

		.header .navbar-brand img {
			margin-left: 0px;
		}

	.header .navbar-nav {
		margin-top: 25px;
	}

		.header .navbar-nav > li.dropdown.user .dropdown-toggle .username {
			color: #000;
		}

.page-header-fixed .page-container {
	/*margin-top: 80px;*/
}

.form-group .input-icon-no-required {
	border-left: none !important;
}

.form-group .select2-container {
	border-left: 0px solid transparent !important;
}

.flag {
	padding-right: 3px;
}

.page-content .page-breadcrumb.breadcrumb {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	background-color: #fff;
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 10;
}

.footer, .footer-inner {
  font-size: 10px;
}

.footer-inner {
  padding: 8px 10px 6px 10px !important;
  margin: 0 !important;
  height: auto !important;
  width: 100% !important;
  line-height: 1.5em;
  text-align: center;
  float: none;
  display: inline-block;
  color: #ffffff;
}

  .footer-inner > * {
      margin: 0 5px;
  }

  .footer-inner a {
    color: #ffffff !important;
  }

  #content {
    padding-bottom: 70px;
  }

.page-sidebar-menu > li > ul.sub-menu > li > a {
	padding-left: 20px !important;
	font-size: 14px;
}

.alert-gray {
	color: #333;
	background-color: #F9F9F9;
	border-color: #F9F9F9;
}

.alert-gray2 {
	color: #333;
	background-color: #EEE;
	border-color: #EEE;
}

.opacity25 {
	opacity: .25 !important;
	filter: alpha(opacity=25) !important;
}

/*
.header .navbar-brand {
	width: inherit;
}

.header .navbar-brand img {
	max-height: 70px;
}
*/
/** Responsive override **/

/***
From Medium Devices Up To Larger Devices
***/

@media (min-width: 992px) {

	.page-content {
		min-height: 0px;
	}

	/*.page-boxed .header .navbar-nav {
                    	  margin-right: 0px;
                    	}*/
}

/***
Up To Medium Devices
***/

@media (max-width:991px) {
	.page-container {
		/*margin-top: 100px !important;*/
		padding: 0 !important;
	}

	.header .navbar-nav {
		margin-top: 35px;
	}

	.header .navbar-brand {
		display: inline-block;
		margin-top: -1px;
		margin-right: 0;
		margin-left: 20px;
		padding-right: 0;
		padding-top: 20px;
		width: 480px;
	}

	/***
                     	Page sidebar
                     	***/
  .page-sidebar {
    position: absolute;
    width: 225px;
    margin: 0;
    background-color: #D3D4D3 !important;
  }

		.page-sidebar .selected {
			display: block !important;
		}

		.page-sidebar.navbar-collapse {
			max-height: none !important;
		}

	.page-sidebar-fixed .page-sidebar {
		position: fixed !important;
		top: 41px;
	}

	.page-sidebar .sidebar-toggler {
		display: block;
	}

	.page-sidebar-fixed ul.page-sidebar-menu > li.last {
		margin-bottom: 15px !important;
	}

	.page-sidebar-fixed.page-sidebar-hover-on .page-sidebar {
		z-index: 10000;
		width: 35px;
	}

		.page-sidebar-fixed.page-sidebar-hover-on .page-sidebar .selected {
			display: none;
		}

	.page-sidebar-fixed.page-sidebar-hover-on .page-content {
		margin-left: 35px;
	}

	.page-sidebar-fixed.page-sidebar-hover-on .footer {
		margin-left: 35px;
	}

	.page-sidebar-fixed .page-sidebar-closed .page-sidebar .sidebar-search .submit, .page-sidebar-fixed .page-sidebar .sidebar-toggler {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.page-sidebar-hovering {
		overflow: hidden !important;
	}

		.page-sidebar-hovering .sub-menu, .page-sidebar-hovering span.title, .page-sidebar-hovering span.arrow {
			display: none !important;
		}

		.page-sidebar-hovering .submit {
			opacity: 0;
			width: 0 !important;
			height: 0 !important;
		}
}

/***
Extra Small Devices Only
***/

@media (max-width: 767px) {
	/***
                    	Page header app
                    	***/
	.header-app {
		padding-left: 20px;
	}

	.header-app-icon {
		font-size: 10px;
	}
}


/** Default override **/
body {
	background-color: #fff !important;
}

.header {
	background-color: transparent !important;
}

	.header .btn-navbar {
		/*background-color: #fff !important;*/
	}

	.header .navbar-nav .dropdown-toggle:hover, .header .navbar-nav .dropdown.open .dropdown-toggle {
		/*background-color: #666666 !important;*/
	}


.page-sidebar {
  background-color: #D3D4D3;
  margin-top: 20px;
}

ul.page-sidebar-menu > li.active > a, ul.page-sidebar-menu > li.active > a:hover {
	background: #35aa47 !important;
	color: #fff !important;
}

ul.page-sidebar-menu > li > a {
	border-top: 1px solid #eee !important;
	color: #737373 !important;
}

	ul.page-sidebar-menu > li > a:hover {
		border-top: 1px solid #eee !important;
		background-color: #eee;
		color: #666 !important;
	}

ul.page-sidebar-menu > li > ul.sub-menu > li.active > a, ul.page-sidebar-menu > li > ul.sub-menu > li.active > a:hover {
	border-top: 1px solid #eee !important;
	color: #fff !important;
	background: #ccc !important;
}

ul.page-sidebar-menu > li > ul.sub-menu > li > a {
	/*background: #eee !important;*/
	color: #737373 !important;
}

	ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
		background: #eee !important;
		color: #666 !important;
	}

ul.page-sidebar-menu > li.open > a, ul.page-sidebar-menu > li > a:hover, ul.page-sidebar-menu > li:hover > a {
	background: #eee;
}

.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
	background-color: #eee;
}

.page-sidebar .sidebar-toggler {
  background-color: #D3D4D3;
  opacity: 1;
  margin: 0;
  padding: 10px 0 4px 190px;
  height: 42px;
}

.sidebar-toggler {
	background-image: none;
}

	.sidebar-toggler:before {
		margin: 0px 2px 3px 8px;
		display: inline-block;
		font-size: 18px;
		font-family: FontAwesome;
		height: auto;
		content: "\f177";
		font-weight: 300;
		text-shadow: none;
		color: #666;
	}

.page-sidebar-closed .sidebar-toggler {
	margin-left: 1px;
	padding: 10px 0 4px 0;
}

	.page-sidebar-closed .sidebar-toggler:before {
		content: "\f178";
	}

/** DataTable **/
/*div.dataTables_filter label {
	line-height: 0;
}*/

div.dataTables_length label {
	font-size: 12px;
}

div.dataTables_filter label {
	font-size: 12px;
}

	div.dataTables_filter label input {
		line-height: 20px;
	}

div.dataTables_info {
	font-size: 12px;
}

[class^="icon-"], [class*=" icon-"] {
	line-height: 20px;
}

.verticalLine {
	margin: 15px 5px 0px 5px;
	border-left: 1px solid #636464;
	height: 60px;
	float: left;
}

/* Sidebar */
.page-content {
	margin-left: 35px !important;
}

.page-content-open {
	margin-left: 225px !important;
    min-height:80vh;
}

/* Slider */
.slider-1 {
	width: 100%;
	position: relative;
}

.slider-2 {
	width: 200%;
	position: relative;
}

.slider-3 {
	width: 300%;
	position: relative;
}

.slider-4 {
	width: 400%;
	position: relative;
}

li [class^="glyphicon"] {
	display: inline-block;
	width: 1.25em;
	text-align: center;
}

.glyphicon-step-backward {
	width: 12px;
	height: 18px;
}

.table-page-length {
	position: relative;
	top: 12px;
	font-size: 12px;
}

.input-icon.input-group-addon {
	padding: 0;
	width: 0;
}

.column-filter-widget > select {
	width: 150px !important;
}

/*
Wizard
****************************************************/
.wizardtabs ul {
	list-style: none outside none;
}

	.wizardtabs ul li {
		position: relative;
		float: left;
		height: 48px;
		padding: 0 20px 0 30px;
		margin: 0;
		font-size: 17px;
		line-height: 48px;
		color: #999999;
		cursor: default;
		background: #ededed;
	}

.wizardtabs li a {
	color: #999;
	padding: 0px 30px;
}

	.wizardtabs li a:hover {
		background-color: transparent;
	}

.wizardtabs ul li.active, .wizardtabs ul li.active a {
	color: #57b5e3;
	background: #f1f6fc;
	font-weight: bold;
}

.wizardtabs ul li:first-child {
	padding-left: 20px;
	border-radius: 4px 0 0 4px;
}

.wizardtabs ul li .chevron {
	position: absolute;
	top: 0;
	right: -14px;
	z-index: 1;
	display: block;
	border: 24px solid transparent;
	border-right: 0;
	border-left: 14px solid #d4d4d4;
}

	.wizardtabs ul li .chevron:before {
		position: absolute;
		top: -24px;
		right: 1px;
		display: block;
		border: 24px solid transparent;
		border-right: 0;
		border-left: 14px solid #ededed;
		content: "";
	}

.wizardtabs ul li.active .chevron:before {
	border-left: 14px solid #f1f6fc;
}

.wizardtabs ul li.complete a {
	color: #3cc051;
}

/***
Profile Photo
***/
.imgProfile {
	max-height: 390px;
	max-width: 390px;
}

a.profile-edit {
	top: 4px;
	right: 4px;
	margin: 0;
	color: #fff;
	opacity: 0.6;
	border: none;
	padding: 3px 9px;
	font-size: 12px;
	background: #000;
	position: absolute;
	filter: alpha(opacity=60); /*for ie*/
}

	a.profile-edit:hover {
		text-decoration: underline;
	}

.profile-thumbnail {
	max-width: 400px;
	text-align: center;
	position: relative;
}

.strengthMuyDebil {
	font-size: .9em;
	font-weight: bold;
	color: Red;
}

.strengthDebil {
	font-size: .9em;
	font-weight: bold;
	color: Orange;
}

.strengthPromedio {
	font-size: .9em;
	font-weight: bold;
	color: Maroon;
}

.strengthFuerte {
	font-size: .9em;
	font-weight: bold;
	color: Olive;
}

.strengthExcelente {
	font-size: .9em;
	font-weight: bold;
	color: Green;
}

.radio {
	padding-top: 0 !important;
}

	.radio input[type="radio"] {
		margin-left: 0 !important;
	}

.radio-table td {
	padding-right: 15px;
}

td > div.radio {
	padding-top: 3px !important;
}

	td > div.radio span input[type=radio] {
		position: relative;
		width: 18px;
		height: 18px;
		line-height: 18px;
		margin: 0px;
		padding: 0px;
		cursor: pointer !important;
	}

table.radioButtonList td label {
	padding-top: 0px !important;
	cursor: pointer !important;
}

.topOffset0 {
	margin-top: 0;
}

.topOffset82 {
	margin-top: -82px;
}

/*
* bootstrap-timepicker
*/
a[data-action="decrementHour"] > i, a[data-action="incrementHour"] > i, a[data-action="decrementMinute"] > i, a[data-action="incrementMinute"] > i, a[data-action="toggleMeridian"] > i {
	position: relative;
}

label {
	cursor: text;
}

.navbar-inverse {
	border-color: transparent;
}

/*Quita bordes a Iconos de ver-editar-eliminar */
.table thead:first-child tr:first-child th.cellformat-actionbuttons, .table-striped > tbody > tr:nth-child(odd) > td.cellformat-actionbuttons, table tr th.cellformat-actionbuttons, table tr td.cellformat-actionbuttons {
	width: 200px;
	text-align: center;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid white;
	background-color: #ffffff;
}

.table thead:first-child tr:first-child th.cellformat-actionbuttons, .table-striped > tbody > tr:nth-child(even) > td.cellformat-actionbuttons, table tr th.cellformat-actionbuttons, table tr td.cellformat-actionbuttons {
	background-color: #ffffff;
}



.pager li > a {
	height: 34px;
}

.padding-right-espera {
	padding-right: 86px !important;
}





/**Estilos para el modal de cita.*/
.modal-Vc {
	width: 408px;
}


.modalBody-Vc {
	padding-bottom: 0px;
	padding-left: 35px;
	padding-top: 16px;
	padding-right: 35px;
}

.modalFooter-Vc {
	border-top: none;
	padding-bottom: 24px;
	padding-left: 35px;
	padding-top: 16px;
	padding-right: 35px;
}

/**Estilos para el mensaje de volver cita.*/
.footerVolverCita {
	margin-top: 0px;
}


.divHeaderGracias {
	color: #02a7dc;
	font-weight: 700;
}

.labelNegrita {
	font-weight: 600;
}

.divContenidoGracias {
	margin-top: 30px;
}

.divEscalabilidad {
	color: white;
	font-size: large;
}


/*Regla que hace a los labels de los formularios bold y alineados a las izq*/
.form-horizontal .control-label.boldLeft {
	text-align: left;
	font-weight: 600;
}

/*Regla que hace a los labels de los formularios bold y alineados a las izq*/
.form-horizontal .control-label.boldRight {
	text-align: right;
	font-weight: 600;
}

/* Elimina el padding top*/
.noPaddingTop {
	padding-top: 0px !important;
}

/*Elimina el margin top*/
.nomarginleft {
	margin-left: 0px !important;
}

/*Crea una linea gris de 1px*/
.thickline {
	border-top: 1px solid #e5e5e5;
	padding-bottom: 10px;
}

.modal-content {
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.modal-header {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	border-bottom: none;
}

.modal-title {
	padding-bottom: 12px;
	border-bottom: 1px solid #e5e5e5;
}

.no-border-bottom {
	border-bottom: none;
}

.modal-footer {
	padding: 0;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 0;
	border-top: none;
}

.borderlineModals {
	border-bottom: 1px solid #EFEFEF;
	padding-bottom: 10px;
}

.modalwidth {
	width: 677px !important;
}


.modal-headerNoborder {
	border: 0px;
}

.TitleModalWithBorder {
	border-bottom: 1px solid #e5e5e5;
	margin-left: 26px;
	margin-right: 77px;
	padding-top: 30px;
	padding-bottom: 8px;
}

.TitleModalWithBorderDelete {
	border-bottom: 1px solid #e5e5e5;
	margin-left: 18px;
	margin-right: 25px;
	padding-top: 30px;
	padding-bottom: 8px;
}

.Modal-footer-Close {
	border-top: none;
	padding-bottom: 24px;
	padding-left: 35px;
	padding-top: 16px;
	padding-right: 40px;
}

.modal-headerNoborder {
	border: 0px;
}

.TitleModalWithBorder {
	border-bottom: 1px solid #e5e5e5;
	margin-left: 26px;
	margin-right: 77px;
	padding-top: 30px;
	padding-bottom: 8px;
}

.TitleModalWithBorderDelete {
	border-bottom: 1px solid #e5e5e5;
	margin-left: 18px;
	margin-right: 25px;
	padding-top: 30px;
	padding-bottom: 8px;
}

.modalBody-PHR {
	padding-bottom: 0px;
	padding-left: 35px;
	padding-top: 16px;
	padding-right: 35px;
}

.modalFooter-PHR {
	border-top: none;
	padding-bottom: 24px;
	padding-left: 35px;
	padding-top: 16px;
	padding-right: 92px;
}

a[id*="ucCreate"], a[id*="ucRU"] {
	position: absolute;
	top: -0px;
	right: -0px;
	margin-right: 22px;
}

.OpcionesRespuesta {
	padding: 8px;
	border-color: #555;
	border-width: 3px;
    margin: 0 auto;
    width: 344px;
}

.OpcionesRespuesta600 {
    width: 600px;
}

.OpcionesRespuestaSeleccionado {
	background-color: #D8D8D8;
}

.footerMasterOutHome {
	background-color: white;
	position: static;
}

.Btsolicitarcita {
	color: white;
	text-shadow: none;
	background-color: #35aa47;
}

	.Btsolicitarcita:hover,
	.Btsolicitarcita:focus,
	.Btsolicitarcita:active,
	.Btsolicitarcita.active,
	.Btsolicitarcita.disabled,
	.Btsolicitarcita[disabled] {
		background-color: #1d943b !important;
		color: #fff !important;
		outline: none !important;
	}

.lblThemePortada {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: small;
}

.DivSolCita {
	padding-top: 10px;
	margin-bottom: -40px;
}

.lblTituloPortada {
	font-size: 20px;
	font-weight: bold !important;
	margin-top: 0px;
	color: #35aa47;
}

.divHorario {
	padding-top: 20px;
}

.divApps {
	border-top: solid;
	border-width: 1px;
	border-color: #D6D6C2;
	padding-top: 30px;
	padding-bottom: 15px;
}

.DivIconosapp {
	margin-top: 15px;
}

.lblPortadas {
	padding-bottom: 10px;
	font-size: inherit;
	font-weight: 400;
}

.lblSubTituloportada {
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #4c4c4c;
}

.lblPrecioPortadas {
	font-size: 14px;
	font-weight: 700;
	color: #0897cc;
	padding-bottom: 10px;
}

.lblHorarioPortadas {
	font-size: 14px;
	font-weight: 500;
	color: #35aa47;
	padding-bottom: 10px;
}

.divConsultas {
	padding-bottom: 30px;
}

.separacionbottom {
	padding-bottom: 10px;
}

.carousel-indicators {
	top: 0px;
}

.BtVerBlog {
	position: relative;
	color: white;
	text-shadow: none;
	background-color: #0897cc;
	bottom: 11px;
	left: 11px;
}

	.BtVerBlog:hover,
	.BtVerBlog:focus,
	.BtVerBlog:active,
	.BtVerBlog.active,
	.BtVerBlog.disabled,
	.BtVerBlog[disabled] {
		background-color: #0362fd !important;
		color: #fff !important;
		outline: none !important;
	}



.DivImgCentral {
	margin: 0px;
	padding: 0px;
}

.lblTituloBlog {
	font-size: 20px;
	font-weight: bold !important;
	margin-top: 0px;
	color: #0897cc;
	/* margin-left:22px;*/
	padding-bottom: 10px;
}

.divBlog {
	border-left: solid;
	border-width: 1px;
	border-color: #D6D6C2;
	/*padding-left: 35px;*/
}

.ContenedorCarrousel {
	background-color: #F8F8F8;
	border: solid;
	border-width: 1px;
	border-color: #D6D6C2;
	border-radius: 20px !important;
	margin-top: 10px;
	height: 340px;
}

.margenesBlog {
	margin: 14px;
	margin-left: 21px;
}

.EsquinasImg {
	border-radius: 15px !important;
	width: 170px;
	margin: 0 auto;
}

.control-buttons {
	position: absolute;
	right: 22px;
	bottom: 54px;
	width: 22px;
}

.BtSigAnt {
	color: #0897cc;
	text-shadow: none;
	margin-top: 15px;
	padding: 3px 5px;
}

	.BtSigAnt:hover,
	.BtSigAnt:focus,
	.BtSigAnt:active,
	.BtSigAnt.active,
	.BtSigAnt.disabled,
	.BtSigAnt[disabled] {
		color: #0362fd !important;
	}

input[type=file] {
  width: 100% !important;
}

/*
 .BodyPortada
 {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     overflow-y: scroll;
 }

 .modal
 {
     overflow-y: hidden;
 }

.modal-body
{
    max-height : 480px;
    overflow-x: hidden; 
    overflow-y: auto;    
}
*/
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  margin-right: 17px !important;
}

a[class='BtSigAnt'] {
	text-decoration: none;
}

.position {
	z-index: 15;
	text-align: center;
	line-style: none;
	padding-left: 0;
}

.BotonEncuesta {
	width: 200px;
}

.position .circulo {
	width: 10px;
	height: 10px;
	margin: 1px;
	background-color: #b6b6b6;
	border-radius: 10px !important;
	text-indent: -999px;
	cursor: pointer;
	display: inline-block;
}

.position .lleno {
	width: 12px;
	height: 12px;
	margin: 0px;
	background-color: #D23E3E;
	display: inline-block;
}

.centerModaltext {
	text-align: center !important;
	border: none !important;
	font-size: 26px;
}

.centerModaltextP {
	text-align: center !important;
	font-size: 17px;
}


.nomarginBotton {
	margin-bottom: 0px !important;
}

.empty {
	color: gray;
	cursor: pointer;
	display: inline-block;
}


.widthMax100 {
	width: 100% !important;
	color: white;
	text-shadow: none;
	background-color: #35aa47;
}

/* texto tipo placeholder para el primer item de un select */
/*
select {
   color: #CCC !important;
}
select option { color: #333; }

select option:first-child {
  color: #CCC !important;
}
*/

@media screen and (min-width: 768px) {
	#dialog-CreateAntecedentePersonalPaciente .modal-dialog,
	#dialog-RuAntecedentePersonalPaciente .modal-dialog,
	#dialog-CreateAntecedentePatologicoPaciente .modal-dialog,
	#dialog-RuAntecedentePatologicoPaciente .modal-dialog,
	#dialog-CreateAntecedenteGinecoObstetricoPaciente .modal-dialog,
	#dialog-RuAntecedenteGinecoObstetricoPaciente .modal-dialog {
		right: auto;
		width: 800px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.modal-body > .form-horizontal > .form-body > .form-group > .col-md-8 textarea {
	resize: vertical;
}

/* typeahead */
.icon-font {
	z-index: 1;
}

.twitter-typeahead {
	width: 100%;
	height: 2.3em;
}

.tt-input {
	width: 100%;
	background-color: #ffffff !important;
	border: 1px solid #ccc;
}

.tt-hint {
	color: silver;
	background-color: #ffffff;
}

.tt-menu {
	width: 100%;
	padding: 6px 0;
	background-color: #ffffff;
	border: 1px solid #ccc;
}

.tt-dataset {
	background-color: #ffffff;
}

.tt-suggestion {
	padding: 0 16px;
	background-color: #ffffff;
}

.tt-empty {
	background-color: #ffffff;
}

.tt-open {
	background-color: #ffffff;
}

.tt-cursor {
	background-color: #dfdfdf;
}

.tt-suggestion:hover {
	cursor: pointer;
	background-color: #dfdfdf;
}

.tt-suggestion.tt-cursor {
	background-color: #dfdfdf;
}
/* fin typeahead*/

.form-group .tooltip-help {
	color: #e5e5e5;
}

.icon-info-sign {
	font-size: 20px !important;
}

div.input-icon + a > .icon-info-sign {
	font-size: 16px !important;
	display: block;
	position: absolute;
	margin-top: 1px;
	width: 16px;
	height: 16px;
}

.input-icon.input-upper > .icon-font {
	margin-top: 8px;
}

/* select2 tag */
.input-icon .select2-container-multi .select2-choices {
	padding-left: 30px;
}

	.input-icon .select2-container-multi .select2-choices .select2-search-field input {
		padding-left: 5px !important;
	}

[id$='_txtPrescripcion'] > .select2-choice {
	padding-left: 32px;
}

	[id$='_txtPrescripcion'] > .select2-choice > .select2-arrow {
		display: none;
	}

.modal-sm {
	width: 385px;
}

div.checker {
	padding-top: 0px;
	margin-top: 7px !important;
}

td > div.checker {
	margin: 0px !important;
	margin-right: 6px !important;
	margin-bottom: 7px !important;
}

a.btn.disabled[data-trigger='hover'] {
	pointer-events: auto;
}

div[id*='divDependientes'] {
	margin-top: 34px;
	/*margin-bottom: 34px;*/
}

#tabResumen div.alert-compress:last-child [id*="ucResumenHistoriaMedica_lbl"]::after {
	content: "";
	margin-right: 6px;
}

.pagination > li > a {
	line-height: 21px;
}

/*ValidarT*/
.validarT select {
	width: 75px !important;
}

.validarT .input-group {
    width: 100%;
}

.validarT input {
  margin-left: 5px !important;
  width: calc(100% - 80px) !important;
}

.validarTelefono input {
	margin-left: 5px !important;
	width: 328px !important;
}

#CarruselBlog .carousel-inner {
	padding: 0 22px 0 0;
	margin: 22px 0 0 11px;
}

#CarruselBlog .slide-image {
	text-align: center;
}

#CarruselBlog .carousel-caption {
	padding-bottom: 0;
	position: relative;
	right: auto;
	left: auto;
}

	#CarruselBlog .carousel-caption .TituloBlog {
		color: #4c4c4c;
		text-shadow: none;
		display: block;
		display: -webkit-box;
		font-size: 14px;
		font-weight: bold;
		height: 36px;
		line-height: 18px;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#CarruselBlog .carousel-caption .clamped {
		color: #4c4c4c;
		text-shadow: none;
		display: block; /* Fallback for non-webkit */
		display: -webkit-box;
		height: 48px; /* Fallback for non-webkit */
		font-size: 1em;
		line-height: 15px;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 2px;
		text-align: left;
	}

#CarruselBlog .carousel-control.left,
#CarruselBlog .carousel-control.right {
	background-image: none;
	color: #0897cc;
	text-shadow: none;
}

	#CarruselBlog .carousel-control.left:hover,
	#CarruselBlog .carousel-control.left:focus,
	#CarruselBlog .carousel-control.left:active,
	#CarruselBlog .carousel-control.left.active,
	#CarruselBlog .carousel-control.left.disabled,
	#CarruselBlog .carousel-control.left[disabled],
	#CarruselBlog .carousel-control.right:hover,
	#CarruselBlog .carousel-control.right:focus,
	#CarruselBlog .carousel-control.right:active,
	#CarruselBlog .carousel-control.right.active,
	#CarruselBlog .carousel-control.right.disabled,
	#CarruselBlog .carousel-control.right[disabled] {
		color: #0362fd !important;
	}

.registro-sexo {
	margin-left: 60px;
	margin-right: 60px;
}

.modal-dialog.modal-complete-70 {
	width: 70%;
}

.modal-dialog.modal-complete-85 {
	width: 85%;
}

.modal-dialog.modal-complete-100 {
	width: 98%;
	margin-left: 0px;
}

.modal-dialog.modal-dosespot {
	width: 1092px;
	margin-left: 0px;
}

@media (max-width: 1200px) {
	.modal-dialog.modal-dosespot {
		width: 89%;
	}
}

@media (min-width: 768px) {
	.modal-dialog.modal-dosespot {
		margin-left: auto;
	}
}

@media (min-width: 1600px) {
	.modal-dialog.modal-dosespot {
		margin-left: 464px;
	}
}

.notificationErros-footer {
	position: fixed;
	bottom: 0;
	width: 93%;
	padding: 0;
	margin-bottom: 10px;
}

.login-divPordefectoContent {
    margin-top:29px;
    margin-right:44px
}

.login-imgPromo {
    margin-top: 29px;
    margin-left: 44px;
}

/**Caso MotoG*/
@media (max-width: 400px) {
    .login-imgPromo {
        margin-left: 0px;
    }
}

/* iPhone 4 (S) */
@media (max-height:479px) {
    .login-imgPromo {
        margin-left: 0px;
    }
}

/* IPhone 5 (C/S/SE) */
@media (min-height: 320px) and (max-height: 568px) {
    .login-imgPromo {
        margin-left: 0px;
    }
}

/* IPhone 6 (S) */
@media (min-height: 569px) and (max-height: 667px) {
    .login-imgPromo {
        margin-left: 0px;
    }
}

/* IPhone 4) */
@media (max-height: 736px) {
    .login-imgPromo {
        margin-left: 0px;
    }
}

.login-divSeparador, .registro-divSeparador {
  position: absolute;
  height: 409px;
  border-right: 1px solid #424242;
  margin-top: 115px;
  right: 0;
}

.registro-divPordefectoContent {
  /*    margin-top:29px;
    margin-right:44px*/
  margin: 30px 45px;
}

.registro-imgPromo {
  margin-top: 0px;
  margin-left: 0px;
}

@media (max-width: 991px) {
  .divPordefecto-container {
    padding: 0;
  }

  .registro-divPordefectoContent {
    margin: 0;
    float: none !important;
  }

  .registro-imgPromo-container {
    margin: 0 0 50px 0 !important;
    padding-left: 0 !important;
    text-align: center;
    padding: 0;
  }

  .registro-imgPromo {
    margin: auto;
  }
}

.registro-imgPromo-container {
  margin: 15px 0 50px 0;
  padding-left: 50px;
}

.dateSelect {
    padding-left:2px;
    padding-right:0;
}

.row.dateSelect:first-child {
    padding-left:15px;
}

.container-texto-cita-espera {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center
}

.backgroud-texto-espera {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.8;
  z-index: -1;
}

.header-texto-cita-espera {
    font-size: 26px;
    color: #128A98
}

.texto-cita-espera {
    font-size: 17px;
    font-style: oblique;
    color: gray
}

.hr-cita-espera {
    margin: 12px auto;
    width: 80px;
    border: none;
    border-top: 2px solid #8BD4DA;
    box-shadow: 0 2px 5px cadetblue;
}

.modal-dialog-terminos{
    overflow-y: initial !important
}
.modal-body-terminos{
    height: 450px;
    overflow-y: auto;
}

.select2-icon.input-icon i {
  z-index: 2;
}

.select2-icon.input-icon .select2-chosen {
  margin-left: 30px;
}

.page-header-nav .navbar-nav > li > .dropdown-toggle {
  min-width: 160px;
}

  .page-header-nav .navbar-nav > li > .dropdown-toggle .caret {
    float: right;
    margin-top: 7px;
    margin-left: 7px;
  }

.page-header-nav .navbar-nav > li > a,
.page-header-nav .navbar-nav > li > a:hover,
.page-header-nav .navbar-nav > li > a:focus,
.page-header-nav .navbar-nav > li > a:hover span,
.page-header-nav .navbar-nav > li > a:focus span {
  color: #000 !important;
}

.page-header-nav .navbar-nav > li.open > a,
.page-header-nav .navbar-nav > li.open > a:hover,
.page-header-nav .navbar-nav > li.open > a:focus,
.page-header-nav .navbar-nav > li.open > a:hover span,
.page-header-nav .navbar-nav > li.open > a:focus span {
  color: #fff !important;
}

.wrapper {
  min-height: calc(100% - 3px);
}

@media (max-width: 767px) {
  .poweredby {
      margin-bottom: 12px;
  }

  .wrapper {
    min-height: calc(100% + 11px);
  }

  .footer, .footer-inner {
      font-size: 8px;
  }

  .page-header-nav .navbar-nav > li > a {
    padding: 10px 13px;
  }

  .page-header-nav .navbar-nav > li > a,
  .page-header-nav .navbar-nav > li > a:hover,
  .page-header-nav .navbar-nav > li > a:focus,
  .page-header-nav .navbar-nav > li > a:hover span,
  .page-header-nav .navbar-nav > li > a:focus span {
    color: #000 !important;
    text-transform: uppercase;
    font-size: 14px;
  }

  .page-header-nav .navbar-nav > li.open > a,
  .page-header-nav .navbar-nav > li.open > a:hover,
  .page-header-nav .navbar-nav > li.open > a:focus,
  .page-header-nav .navbar-nav > li.open > a:hover span,
  .page-header-nav .navbar-nav > li.open > a:focus span {
    color: #000 !important;
    text-transform: uppercase;
  }

  .page-header-nav .navbar-nav .open .dropdown-menu > li > a,
  .page-header-nav .navbar-nav .open .dropdown-menu > li > a > span {
    color: #000 !important;
    text-transform: uppercase;
  }
}


/*----------------------------------
          Datatable Mobile
------------------------------------*/
.name-field {
    display: none;
}

@media (max-width: 869px) {
  .table-mobile, .table-scrollable {
    border: none !important;
  }

    .table-mobile,
    .table-mobile tbody,
    .table-mobile tr {
      width: 100% !important;
    }

      .table-mobile thead,
      .table-mobile thead {
        display: none;
      }

      .table-mobile tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border-radius: 16px !important;
        padding: 7.5px;
        margin: 5px 0 10px 0;
        border: 1px solid #ddd;
        justify-content: space-between;
      }

      .table-mobile td {
        width: 50% !important;
        padding: 5px !important;
        border: none !important;
        background-color: transparent !important;
        overflow: hidden;
        text-overflow: ellipsis;
      }

        .table-mobile td .name-field {
          display: block;
          font-size: 11px;
          color: #aaa;
        }

      .table-mobile .cellformat-actionbuttons {
        width: 100% !important;
      }

        .table-mobile .cellformat-actionbuttons .btn.circle {
          margin: 0 2.5px 0 2.5px !important;
        }

  .column-filter-widgets,
  .dataTables_filter,
  .table-page-length,
  .dataTables_info {
    display: none;
  }

  .pagination > a {
    z-index: auto !important;
  }

  .dataTables_paginate {
    margin-top: 0 !important;
    float: right !important;
    margin-right: -15px !important;
  }
}

@media (max-width: 991px) {
  .btnSolicitar-agendamiento {
    left: auto !important;
    right: 10px;
  }
}

@media (min-width: 767px) and (max-width: 1020px) {
  .header-app {
    height: 95px;
  }

    .header-app ul {
      flex-wrap: nowrap;
    }
}

/*CHOISES*/

.choices__inner {
  background-color: transparent !important;
  padding: 2.5px 0 0 12px !important;
  min-height: 34px;
}

.choices__list {
  z-index: 2 !important;
}

.input-icon .choices__inner {
  padding: 2.5px 0 0 32px !important;
}

.choices.is-disabled {
  background-color: #F4F4F4 !important;
}

.OT_archiving{
  display: none !important;
}


/***
Out Home Pages
***/

.out-home {
  background-color: #fff !important;
}

.out-home .header {
  width: 980px !important;
  margin: 0 auto;
  margin-bottom: 0px;
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #9c0;
  height: 100px;
  min-height : 100px;
}

.out-home .header .img-responsive {
	max-height: 70px;
}

.out-home .content {
  width: 980px !important;
  margin: 0 auto;
  margin-bottom: 0px;
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 15px;
  min-height : 450px;
}

.out-home .footer {
  
  border-top: 2px solid #9c0;  
  margin: 0 auto;
  margin-bottom: 0px;
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 15px;
  height: 40px;
  max-height : 40px;
  width: 980px !important;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/fonts/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url(/fonts/Roboto-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Scotia';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/Scotia_Rg.ttf) format('truetype');
}
@font-face {
  font-family: 'Scotia';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Scotia_Rg.ttf) format('truetype');
}
@font-face {
  font-family: 'Scotia';
  font-style: normal;
  font-weight: 600;
  src: url(/fonts/Scotia_Bd.ttf) format('truetype');
}
@font-face {
  font-family: 'Scotia';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/Scotia_Bd.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/montserrat-regular-webfont.eot");
  src: url("/fonts/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/montserrat-regular-webfont.woff2") format("woff2"), url("/fonts/montserrat-regular-webfont.woff") format("woff"), url("/fonts/montserrat-regular-webfont.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url(/fonts/Montserrat-Light.otf) format('opentype');
}