div.grey { background-color: #c1c1c3 !important; }
div.white { background-color: #fff !important; }

/* ----------------------------
 *
 * Font
 *
 * --------------------------- */
/* Import External Stylesheet */

/* Font Size
-------------------------------*/
.fsize13 { font-size: 13px !important; }
.fsize14 { font-size: 14px !important; }
.fsize16 { font-size: 16px !important; }
.fsize24 { font-size: 24px !important; }
.fsize32 { font-size: 32px !important; }
.fsize48 { font-size: 48px !important; }
.fsize64 { font-size: 64px !important; }
.fsize80 { font-size: 80px !important; }
.fsize96 { font-size: 96px !important; }
.fsize112 { font-size: 112px !important; }
.fsize128 { font-size: 128px !important; }
/* ----------------------------
 *
 * Helper Class
 *
 * --------------------------- */
/* Text */
.text-uppercase { text-transform: uppercase !important;}
.text-orange { color: #FF9731 !important; }

/* Margin */
.ma35 { margin: 35px !important; }
.ma30 { margin: 30px !important; }
.ma25 { margin: 25px !important; }
.ma20 { margin: 20px !important; }
.ma15 { margin: 15px !important; }
.ma10 { margin: 10px !important; }
.ma5 { margin: 5px !important; }
.nm { margin: 0px !important; }
.ma-35 { margin: -35px !important; }
.ma-30 { margin: -30px !important; }
.ma-25 { margin: -25px !important; }
.ma-20 { margin: -20px !important; }
.ma-15 { margin: -15px !important; }
.ma-10 { margin: -10px !important; }
.ma-5 { margin: -5px !important; }
.mt35 { margin-top: 35px !important; }
.mt30 { margin-top: 30px !important; }
.mt25 { margin-top: 25px !important; }
.mt20 { margin-top: 20px !important; }
.mt15 { margin-top: 15px !important; }
.mt10 { margin-top: 10px !important; }
.mt5 { margin-top: 5px !important; }
.mt4 { margin-top: 4px !important; }
.mt3 { margin-top: 3px !important; }
.mt2 { margin-top: 2px !important; }
.mt1 { margin-top: 1px !important; }
.mt0 { margin-top: 0px !important; }
.mt-35 { margin-top: -35px !important; }
.mt-30 { margin-top: -30px !important; }
.mt-25 { margin-top: -25px !important; }
.mt-20 { margin-top: -20px !important; }
.mt-15 { margin-top: -15px !important; }
.mt-10 { margin-top: -10px !important; }
.mt-5 { margin-top: -5px !important; }
.mr10p { margin-right: 10% !important; }
.mr35 { margin-right: 35px !important; }
.mr30 { margin-right: 30px !important; }
.mr25 { margin-right: 25px !important; }
.mr20 { margin-right: 20px !important; }
.mr15 { margin-right: 15px !important; }
.mr10 { margin-right: 10px !important; }
.mr5 { margin-right: 5px !important; }
.mr0 { margin-right: 0px !important; }
.mr-25 { margin-right: -25px !important; }
.mr-20 { margin-right: -20px !important; }
.mr-15 { margin-right: -15px !important; }
.mr-10 { margin-right: -10px !important; }
.mr-5 { margin-right: -5px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb4 { margin-bottom: 4px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb2 { margin-bottom: 2px !important; }
.mb1 { margin-bottom: 1px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb-35 { margin-bottom: -35px !important; }
.mb-30 { margin-bottom: -30px !important; }
.mb-25 { margin-bottom: -25px !important; }
.mb-20 { margin-bottom: -20px !important; }
.mb-15 { margin-bottom: -15px !important; }
.mb-10 { margin-bottom: -10px !important; }
.mb-5 { margin-bottom: -5px !important; }
.ml35 { margin-left: 35px !important; }
.ml30 { margin-left: 30px !important; }
.ml25 { margin-left: 25px !important; }
.ml20 { margin-left: 20px !important; }
.ml15 { margin-left: 15px !important; }
.ml10 { margin-left: 10px !important; }
.ml5 { margin-left: 5px !important; }
.ml0 { margin-left: 0px !important; }
.ml-35 { margin-left: -35px !important; }
.ml-30 { margin-left: -30px !important; }
.ml-25 { margin-left: -25px !important; }
.ml-20 { margin-left: -20px !important; }
.ml-15 { margin-left: -15px !important; }
.ml-10 { margin-left: -10px !important; }
.ml-5 { margin-left: -5px !important; }
/* Padding */
.pa35 { padding: 35px !important; }
.pa30 { padding: 30px !important; }
.pa25 { padding: 25px !important; }
.pa20 { padding: 20px !important; }
.pa15 { padding: 15px !important; }
.pa10 { padding: 10px !important; }
.pa5 { padding: 5px !important; }
.np { padding: 0px !important; }
.pt50 { padding-top: 50px !important; }
.pt35 { padding-top: 35px !important; }
.pt30 { padding-top: 30px !important; }
.pt25 { padding-top: 25px !important; }
.pt20 { padding-top: 20px !important; }
.pt15 { padding-top: 15px !important; }
.pt10 { padding-top: 10px !important; }
.pt7 { padding-top: 7px !important; }
.pt6 { padding-top: 6px !important; }
.pt5 { padding-top: 5px !important; }
.pt0 { padding-top: 0px !important; }
.pr35 { padding-right: 35px !important; }
.pr30 { padding-right: 30px !important; }
.pr25 { padding-right: 25px !important; }
.pr20 { padding-right: 20px !important; }
.pr15 { padding-right: 15px !important; }
.pr10 { padding-right: 10px !important; }
.pr5 { padding-right: 5px !important; }
.pr0 { padding-right: 0px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb0 { padding-bottom: 0px !important; }
.pl35 { padding-left: 35px !important; }
.pl30 { padding-left: 30px !important; }
.pl25 { padding-left: 25px !important; }
.pl20 { padding-left: 20px !important; }
.pl15 { padding-left: 15px !important; }
.pl10 { padding-left: 10px !important; }
.pl5 { padding-left: 5px !important; }
.pl0 { padding-left: 0px !important; }
/* Vertical align */
.valign-top { vertical-align: top !important; }
.valign-middle { vertical-align: middle !important; }
.valign-bottom { vertical-align: bottom !important; }
/* Misc */
.bradius0 { border-radius: 0px !important; }
.bdr0,
bdr-a-0 { border-width: 0px !important; }
.bdr-t-0 { border-top-width: 0px !important; }
.bdr-b-0 { border-bottom-width: 0px !important; }
.noshadow { -webkit-box-shadow: none !important; box-shadow: none !important; }
.dis-none { display: none; }
.dis-block {display: block; }
.overflow-hidden,
.ovf-h { overflow: hidden; }
.float-none { float: none !important; }
.handle { cursor: move !important; }
/* border */
.bdr-a { border: 1px solid #cfd9db !important; }
.bdr-l { border-left: 1px solid #cfd9db !important; }
.bdr-r { border-right: 1px solid #cfd9db !important; }
.bdr-t { border-top: 1px solid #cfd9db !important; }
.bdr-b { border-bottom: 1px solid #cfd9db !important; }
.bdr-c-t { border-color: transparent !important; }
.bdr-w-0 { border-width: 0 !important; }
.bdr-l-w-0 { border-left-width: 0 !important; }
.bdr-r-w-0 { border-right-width: 0 !important; }
.bdr-t-w-0 { border-top-width: 0 !important; }
.bdr-b-w-0 { border-bottom-width: 0 !important; }
.bdr-rds-0 { border-radius: 0 !important; }
.bdr-rds { border-radius: 3px !important; }

@media (min-width: 480px) {
    .bdr-l-xs { border-left: 1px solid #cfd9db; }
    .bdr-r-xs { border-right: 1px solid #cfd9db; }
    .bdr-t-xs { border-top: 1px solid #cfd9db; }
    .bdr-b-xs { border-bottom: 1px solid #cfd9db; }
}

@media (min-width: 768px) {
    .bdr-l-sm { border-left: 1px solid #cfd9db; }
    .bdr-r-sm { border-right: 1px solid #cfd9db; }
    .bdr-t-sm { border-top: 1px solid #cfd9db; }
    .bdr-b-sm { border-bottom: 1px solid #cfd9db; }
}

@media (min-width: 992px) {
    .bdr-l-md { border-left: 1px solid #cfd9db; }
    .bdr-r-md { border-right: 1px solid #cfd9db; }
    .bdr-t-md { border-top: 1px solid #cfd9db; }
    .bdr-b-md { border-bottom: 1px solid #cfd9db; }
}

@media (min-width: 1200px) {
    .bdr-l-lg { border-left: 1px solid #cfd9db; }
    .bdr-r-lg { border-right: 1px solid #cfd9db; }
    .bdr-t-lg { border-top: 1px solid #cfd9db; }
    .bdr-b-lg { border-bottom: 1px solid #cfd9db; }
}
/* ----------------------------
 *
 * Forms
 *
 * --------------------------- */
.form-control { font-size: 13px; border: 1px solid #cfd9db; line-height: normal; -webkit-box-shadow: none; box-shadow: none; max-width: 100% !important; }
    .form-control.form-control-minimal { border-width: 0px; border-radius: 0px; background-color: transparent; }
    .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #00b1e1; }
    .form-control.input-lg { font-size: 16px; }
    .form-control.input-sm { font-size: 12px; }
.input-group { width: 100%; }
/* Input with icon */
.has-icon { position: relative; float: none !important; }
    .has-icon > .form-control { padding-right: 34px; }
    .has-icon.pull-left > .form-control { padding-left: 34px; padding-right: 0px; }
    .has-icon.pull-left > .form-control-icon { right: auto; left: 0px; }
    .has-icon > .form-control-icon { position: absolute; z-index: 5; top: 0px; right: 0px; width: 34px; line-height: 33px; text-align: center; color: #777777; }
    .has-icon > .form-control.input-lg + .form-control-icon { line-height: 45px; font-size: 16px; }
/* Form Feedback */
.has-feedback .form-control-feedback { position: absolute; line-height: 33px; color: #777777; }
.form-horizontal .has-feedback > .form-control-feedback { right: 0px; }
.has-success .form-control-feedback { color: #4e7325; }
.has-warning .form-control-feedback { color: #d09700; }
.has-error .form-control-feedback { color: #a11122; }
/* Form stack */
.form-group .form-stack + .form-stack .form-control { margin-top: -1px; }
.form-group .form-stack .form-control { position: relative; border-radius: 0px; margin-top: -1px; z-index: 1; }
    .form-group .form-stack .form-control.input-lg { font-size: 13px; }
.form-group .form-stack:first-child .form-control,
.form-group .form-stack-wrapper > .form-stack:first-child .form-control { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.form-group .form-stack:last-child .form-control,
.form-group .form-stack-wrapper > .form-stack:last-child .form-control { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.form-group .form-stack .form-control:focus { z-index: 2; }
.control-label { font-weight: 600; color: #6f6f6f; }
.help-block { color: #888888; }
.input-group-addon { color: #a2a2a2; border-color: #cfd9db; background-color: #ecf0f1; }
/* Input  */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
textarea { -webkit-appearance: none; }
/* checkbox & radio  */
input[type="radio"],
input[type="checkbox"] { margin: 2px 0 0; margin-top: 1px \9; line-height: normal; }
.radio-inline ~ .radio-inline,
.checkbox-inline ~ .checkbox-inline { margin-top: 0; margin-left: 10px; }
.checkbox,
.radio,
.checkbox label,
.radio label,
.checkbox-inline,
.radio-inline,
.checkbox-inline label,
.radio-inline label { min-height: 18px; margin-bottom: 0px; margin-top: 0px; font-weight: normal; }
/* custom checkbox & radio  */
.custom-checkbox.checkbox,
.custom-checkbox.checkbox-inline,
.custom-radio.radio,
.custom-radio.radio-inline,
.checkbox-icon.checkbox,
.checkbox-icon.checkbox-inline { padding-left: 0px; }
.custom-checkbox > label,
.custom-radio > label,
.checkbox-icon > label { position: relative; padding-left: 18px; cursor: pointer; font-weight: normal; margin: 0px; }
    .custom-checkbox > label:before,
    .custom-checkbox > label:after,
    .custom-radio > label:before,
    .custom-radio > label:after,
    .checkbox-icon > label:before,
    .checkbox-icon > label:after { font-family: "iconfont"; font-weight: normal; text-shadow: none; position: absolute; top: 0; left: 0; }
/* custom checkbox & radio - hover */
.custom-checkbox:hover > label:before,
.custom-radio:hover > label:before { border: 1px solid #00b6ad; }
/* custom checkbox & radio - unchecked */
.custom-checkbox > label:before { background-color: white; content: ""; width: 18px; height: 18px; border: 1px solid #c8c8c8; border-radius: 3px; }
.custom-radio > label:before { background-color: white; content: ""; width: 18px; height: 18px; border: 1px solid #c8c8c8; border-radius: 50%; }
.checkbox-icon > label:before { content: ""; width: 18px; height: 18px; }
.custom-checkbox > input[type="checkbox"]:checked + label:before,
.custom-radio > input[type="radio"]:checked + label:before { border-color: #00b6ad; background-color: #00b6ad; }
/* custom checkbox & radio - checked */
.custom-checkbox > label:after { float: left; content: "\e370"; overflow: hidden; color: transparent; font-size: 10px; line-height: 10px; left: 4px; top: 4px; -webkit-transition: max-width ease 0.1s; -o-transition: max-width ease 0.1s; transition: max-width ease 0.1s; }
.custom-checkbox > input[type="checkbox"]:checked + label:after { color: #ffffff; }
.custom-radio > label:after { float: left; content: ""; overflow: hidden; background-color: transparent; width: 8px; height: 8px; border-radius: 50%; left: 5px; top: 5px; -webkit-transition: max-width ease 0.1s; -o-transition: max-width ease 0.1s; transition: max-width ease 0.1s; }
.custom-radio > input[type="radio"]:checked + label:after { background-color: #ffffff; }
.checkbox-icon > label:after { float: left; overflow: hidden; color: #94aab0; font-size: 16px; line-height: 16px; left: 1px; top: 1px; -webkit-transition: max-width ease 0.1s; -o-transition: max-width ease 0.1s; transition: max-width ease 0.1s; }
.checkbox-icon:hover > label:after { color: #77939a; }
/* checkbox-icon icon */
.checkbox-icon.icon-star > label:after { content: "\e2ff"; top: 0px; }
.checkbox-icon.icon-star > input[type="checkbox"]:checked + label:after { content: "\e301"; color: #ffd66a; }
.checkbox-icon.icon-heart > label:after { content: "\e682"; }
.checkbox-icon.icon-heart > input[type="checkbox"]:checked + label:after { content: "\e604"; color: #ed5466; }
/* hide the checkbox & radio */
.custom-checkbox > input[type="checkbox"],
.custom-radio > input[type="radio"],
.checkbox-icon > input[type="checkbox"] { display: none; }
/* contextual */
.custom-checkbox-primary:hover > label:before,
.custom-radio-primary:hover > label:before { border: 1px solid #00b1e1; }
.custom-checkbox-primary > input[type="checkbox"]:checked + label:before,
.custom-radio-primary > input[type="radio"]:checked + label:before { border-color: #00b1e1; background-color: #00b1e1; }
.custom-checkbox-info:hover > label:before,
.custom-radio-info:hover > label:before { border: 1px solid #63d3e9; }
.custom-checkbox-info > input[type="checkbox"]:checked + label:before,
.custom-radio-info > input[type="radio"]:checked + label:before { border-color: #63d3e9; background-color: #63d3e9; }
.has-success .custom-checkbox > label:before,
.has-success .custom-radio > label:before,
.has-success .custom-checkbox:hover > label:before,
.has-success .custom-radio:hover > label:before,
.custom-checkbox-success:hover > label:before,
.custom-radio-success:hover > label:before { border: 1px solid #91c854; }
.has-success .custom-checkbox > input[type="checkbox"]:checked + label:before,
.has-success .custom-radio > input[type="radio"]:checked + label:before,
.custom-checkbox-success > input[type="checkbox"]:checked + label:before,
.custom-radio-success > input[type="radio"]:checked + label:before { border-color: #91c854; background-color: #91c854; }
.has-warning .custom-checkbox > label:before,
.has-warning .custom-radio > label:before,
.has-warning .custom-checkbox:hover > label:before,
.has-warning .custom-radio:hover > label:before,
.custom-checkbox-warning:hover > label:before,
.custom-radio-warning:hover > label:before { border: 1px solid #ffd66a; }
.has-warning .custom-checkbox > input[type="checkbox"]:checked + label:before,
.has-warning .custom-radio > input[type="radio"]:checked + label:before,
.custom-checkbox-warning > input[type="checkbox"]:checked + label:before,
.custom-radio-warning > input[type="radio"]:checked + label:before { border-color: #ffd66a; background-color: #ffd66a; }
.has-error .custom-checkbox > label:before,
.has-error .custom-radio > label:before,
.has-error .custom-checkbox:hover > label:before,
.has-error .custom-radio:hover > label:before,
.custom-checkbox-danger:hover > label:before,
.custom-radio-danger:hover > label:before { border: 1px solid #ed5466; }
.has-error .custom-checkbox > input[type="checkbox"]:checked + label:before,
.has-error .custom-radio > input[type="radio"]:checked + label:before,
.custom-checkbox-danger > input[type="checkbox"]:checked + label:before,
.custom-radio-danger > input[type="radio"]:checked + label:before { border-color: #ed5466; background-color: #ed5466; }
.custom-checkbox-teal:hover > label:before,
.custom-radio-teal:hover > label:before { border: 1px solid #6bccb4; }
.custom-checkbox-teal > input[type="checkbox"]:checked + label:before,
.custom-radio-teal > input[type="radio"]:checked + label:before { border-color: #6bccb4; background-color: #6bccb4; }
.custom-checkbox-inverse:hover > label:before,
.custom-radio-inverse:hover > label:before { border: 1px solid #2a2a2a; }
.custom-checkbox-inverse > input[type="checkbox"]:checked + label:before,
.custom-radio-inverse > input[type="radio"]:checked + label:before { border-color: #2a2a2a; background-color: #2a2a2a; }
/* custom file upload */
.btn-file { position: relative; overflow: hidden; }
    .btn-file input[type=file] { position: absolute; top: 0px; right: 0px; min-width: 100%; min-height: 100%; font-size: 999px; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: inherit; display: block; }
/* Input state */
.has-success .form-control { border-color: #91c854; }
    .has-success .form-control:focus { border-color: #91c854; }
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline { color: #91c854; }
.has-success .input-group-addon { color: #436320; border-color: #91c854; background-color: #91c854; }
.has-error .form-control { border-color: #ed5466; }
    .has-error .form-control:focus { border-color: #ed5466; }
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline { color: #ed5466; }
.has-error .input-group-addon { color: #981020; border-color: #ed5466; background-color: #ed5466; }
.has-warning .form-control { border-color: #ffd66a; }
    .has-warning .form-control:focus { border-color: #ffd66a; }
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline { color: #ffd66a; }
.has-warning .input-group-addon { color: #d09700; border-color: #ffd66a; background-color: #ffd66a; }
.has-success .form-control,
.has-error .form-control,
.has-warning .form-control,
.has-success .form-control:focus,
.has-error .form-control:focus,
.has-warning .form-control:focus { -webkit-box-shadow: none; box-shadow: none; }
/* Form horizontal - bordered  */
.form-horizontal.form-bordered .form-group,
.form-horizontal.form-striped .form-group { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0px; border-top: 1px solid transparent; border-top-color: #e0e7e8 !important; }
    .form-horizontal.form-bordered .form-group .no-border,
    .form-horizontal.form-striped .form-group .no-border { border-top-width: 0px; }
    .form-horizontal.form-bordered .form-group .help-block,
    .form-horizontal.form-striped .form-group .help-block { margin-bottom: 0px; }
    .form-horizontal.form-bordered .form-group:first-child,
    .form-horizontal.form-striped .form-group:first-child { border-top-width: 0px; }
        .form-horizontal.form-bordered .form-group:first-child.header,
        .form-horizontal.form-striped .form-group:first-child.header { border-top-left-radius: 3px; border-top-right-radius: 3px; }
    .form-horizontal.form-striped .form-group:nth-child(even) { background-color: #f8f8f8; }
.form-horizontal .form-group.message-container { padding: 15px; }
    .form-horizontal .form-group.message-container:empty { display: none; }
        .form-horizontal .form-group.message-container:empty + .form-group { border-top-width: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
    .form-horizontal .form-group.message-container > .alert { margin-bottom: 0px; }
/* Parsley validation  */
.parsley-errors-list { display: none; margin: 0px; padding: 0px; }
    .parsley-errors-list.filled { display: block; }
    .parsley-errors-list > li { font-size: 12px; list-style: none; color: #ed5466; }
.parsley-error { border-color: #ed5466 !important; }
.parsley-custom-error-message { color: #ed5466; }
/* checkbox + radio */
.parsley-error.custom-checkbox > label:before,
.parsley-error.custom-radio > label:before,
.parsley-error.custom-checkbox:hover > label:before,
.parsley-error.custom-radio:hover > label:before { border: 1px solid #ed5466; }
.parsley-error.custom-checkbox > input[type="checkbox"]:checked + label:before,
.parsley-error.custom-radio > input[type="checkbox"]:checked + label:before { border-color: #ed5466; background-color: #ed5466; }
.parsley-error.custom-checkbox > label,
.parsley-error.custom-radio > label { color: #ed5466; }
/* ----------------------------
 *
 * Button & Link
 *
 * --------------------------- */
/* anchor reset */
a { color: #00b1e1; text-decoration: none; }
    a:hover,
    a:focus,
    a:active { color: #009dc8; outline: 0; text-decoration: none; }
/* button reset */
.btn { font-size: 13px; padding: 7px 12px; line-height: 18px; }
    .btn:hover,
    .btn:active,
    .btn:focus { outline: none !important; }
    .btn:active,
    .btn.active { -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.1); }
    .btn > .caret { margin-top: -1px; }
.btn-lg { font-size: 18px; padding: 10px 16px; }
.btn-sm { font-size: 12px; padding: 5px 10px; }
.btn-xs { font-size: 11px; padding: 1px 5px; }
.btn.btn-link { color: #00b1e1; }
    .btn.btn-link:hover,
    .btn.btn-link:active,
    .btn.btn-link:focus { color: #009dc8; outline: 0; text-decoration: none; -webkit-box-shadow: none; box-shadow: none; }
/* button group reset */
.btn-group.open .dropdown-toggle { outline: none; -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.1); }
.btn-group.open .btn-outline { background-color: transparent !important; }
/* button tag */
.btn-tag .btn { margin-bottom: 3px; }
/* button rounded */
.btn-rounded { border-radius: 34px; }
    .btn-rounded.btn-ls { border-radius: 40px; }
    .btn-rounded.btn-sm { border-radius: 30px; }
    .btn-rounded.btn-xs { border-radius: 22px; }
/* button caret color */
.btn-inverse .caret,
.btn-teal .caret { border-top-color: #fff; }
/* btn default - color reset */
.btn-default { color: #6a6a6a; background-color: #ecf0f1; border-color: #cfd9db; }
    .btn-default:hover,
    .btn-default:focus,
    .btn-default.focus,
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default { color: #6a6a6a; background-color: #dde4e6; border-color: #c0cdd1; }
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default { background-image: none; }
    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active { background-color: #ecf0f1; border-color: #cfd9db; }
    .btn-default .badge { color: #ecf0f1; background-color: #6a6a6a; }
    .btn-default.btn-outline { color: #cfd9db; background-color: transparent; }
/* btn primary - color reset */
.btn-primary { color: #ffffff; background-color: #00b1e1; border-color: #00a5d2; }
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #009dc8; border-color: #0091b8; }
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary { background-image: none; }
    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active { background-color: #00b1e1; border-color: #00a5d2; }
    .btn-primary .badge { color: #00b1e1; background-color: #ffffff; }
    .btn-primary.btn-outline { color: #00a5d2; background-color: transparent; }
/* btn success - color reset */
.btn-success { color: #ffffff; background-color: #91c854; border-color: #8ac448; }
    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #85c241; border-color: #7db83b; }
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success { background-image: none; }
    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active { background-color: #91c854; border-color: #8ac448; }
    .btn-success .badge { color: #91c854; background-color: #ffffff; }
    .btn-success.btn-outline { color: #8ac448; background-color: transparent; }
/* btn info - color reset */
.btn-info { color: #ffffff; background-color: #63d3e9; border-color: #36c6e3; }
    .btn-info:hover,
    .btn-info:focus,
    .btn-info.focus,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #4dcde6; border-color: #20c0e0; }
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info { background-image: none; }
    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active { background-color: #63d3e9; border-color: #36c6e3; }
    .btn-info .badge { color: #63d3e9; background-color: #ffffff; }
    .btn-info.btn-outline { color: #36c6e3; background-color: transparent; }
/* btn warning - color reset */
.btn-warning { color: #ffffff; background-color: #ffd66a; border-color: #ffd25b; }
    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning.focus,
    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ffcf51; border-color: #ffcb41; }
    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning { background-image: none; }
    .btn-warning.disabled,
    .btn-warning[disabled],
    fieldset[disabled] .btn-warning,
    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus,
    .btn-warning.disabled:active,
    .btn-warning[disabled]:active,
    fieldset[disabled] .btn-warning:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning.active { background-color: #ffd66a; border-color: #ffd25b; }
    .btn-warning .badge { color: #ffd66a; background-color: #ffffff; }
    .btn-warning.btn-outline { color: #ffd25b; background-color: transparent; }
/* btn danger - color reset */
.btn-danger { color: #ffffff; background-color: #ed5466; border-color: #ec465a; }
    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.focus,
    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #eb3d51; border-color: #e92f45; }
    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger { background-image: none; }
    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active { background-color: #ed5466; border-color: #ec465a; }
    .btn-danger .badge { color: #ed5466; background-color: #ffffff; }
    .btn-danger.btn-outline { color: #ec465a; background-color: transparent; }
/* btn inverse - color reset */
.btn-inverse { color: #ffffff; background-color: #2a2a2a; border-color: #222222; }
    .btn-inverse:hover,
    .btn-inverse:focus,
    .btn-inverse.focus,
    .btn-inverse:active,
    .btn-inverse.active,
    .open > .dropdown-toggle.btn-inverse { color: #ffffff; background-color: #1d1d1d; border-color: #161616; }
    .btn-inverse:active,
    .btn-inverse.active,
    .open > .dropdown-toggle.btn-inverse { background-image: none; }
    .btn-inverse.disabled,
    .btn-inverse[disabled],
    fieldset[disabled] .btn-inverse,
    .btn-inverse.disabled:hover,
    .btn-inverse[disabled]:hover,
    fieldset[disabled] .btn-inverse:hover,
    .btn-inverse.disabled:focus,
    .btn-inverse[disabled]:focus,
    fieldset[disabled] .btn-inverse:focus,
    .btn-inverse.disabled.focus,
    .btn-inverse[disabled].focus,
    fieldset[disabled] .btn-inverse.focus,
    .btn-inverse.disabled:active,
    .btn-inverse[disabled]:active,
    fieldset[disabled] .btn-inverse:active,
    .btn-inverse.disabled.active,
    .btn-inverse[disabled].active,
    fieldset[disabled] .btn-inverse.active { background-color: #2a2a2a; border-color: #222222; }
    .btn-inverse .badge { color: #2a2a2a; background-color: #ffffff; }
    .btn-inverse.btn-outline { color: #222222; background-color: transparent; }
/* btn teal - color reset */
.btn-teal { color: #ffffff; background-color: #6bccb4; border-color: #60c8ae; }
    .btn-teal:hover,
    .btn-teal:focus,
    .btn-teal.focus,
    .btn-teal:active,
    .btn-teal.active,
    .open > .dropdown-toggle.btn-teal { color: #ffffff; background-color: #58c5aa; border-color: #4dc2a5; }
    .btn-teal:active,
    .btn-teal.active,
    .open > .dropdown-toggle.btn-teal { background-image: none; }
    .btn-teal.disabled,
    .btn-teal[disabled],
    fieldset[disabled] .btn-teal,
    .btn-teal.disabled:hover,
    .btn-teal[disabled]:hover,
    fieldset[disabled] .btn-teal:hover,
    .btn-teal.disabled:focus,
    .btn-teal[disabled]:focus,
    fieldset[disabled] .btn-teal:focus,
    .btn-teal.disabled.focus,
    .btn-teal[disabled].focus,
    fieldset[disabled] .btn-teal.focus,
    .btn-teal.disabled:active,
    .btn-teal[disabled]:active,
    fieldset[disabled] .btn-teal:active,
    .btn-teal.disabled.active,
    .btn-teal[disabled].active,
    fieldset[disabled] .btn-teal.active { background-color: #6bccb4; border-color: #60c8ae; }
    .btn-teal .badge { color: #6bccb4; background-color: #ffffff; }
    .btn-teal.btn-outline { color: #60c8ae; background-color: transparent; }
/* btn facebook - color reset */
.btn-facebook { color: #ffffff; background-color: #3b5998; border-color: #37538d; }
    .btn-facebook:hover,
    .btn-facebook:focus,
    .btn-facebook.focus,
    .btn-facebook:active,
    .btn-facebook.active,
    .open > .dropdown-toggle.btn-facebook { color: #ffffff; background-color: #344e86; border-color: #30487b; }
    .btn-facebook:active,
    .btn-facebook.active,
    .open > .dropdown-toggle.btn-facebook { background-image: none; }
    .btn-facebook.disabled,
    .btn-facebook[disabled],
    fieldset[disabled] .btn-facebook,
    .btn-facebook.disabled:hover,
    .btn-facebook[disabled]:hover,
    fieldset[disabled] .btn-facebook:hover,
    .btn-facebook.disabled:focus,
    .btn-facebook[disabled]:focus,
    fieldset[disabled] .btn-facebook:focus,
    .btn-facebook.disabled.focus,
    .btn-facebook[disabled].focus,
    fieldset[disabled] .btn-facebook.focus,
    .btn-facebook.disabled:active,
    .btn-facebook[disabled]:active,
    fieldset[disabled] .btn-facebook:active,
    .btn-facebook.disabled.active,
    .btn-facebook[disabled].active,
    fieldset[disabled] .btn-facebook.active { background-color: #3b5998; border-color: #37538d; }
    .btn-facebook .badge { color: #3b5998; background-color: #ffffff; }
    .btn-facebook.btn-outline { color: #37538d; background-color: transparent; }
/* btn twitter - color reset */
.btn-twitter { color: #ffffff; background-color: #55acee; border-color: #47a5ed; }
    .btn-twitter:hover,
    .btn-twitter:focus,
    .btn-twitter.focus,
    .btn-twitter:active,
    .btn-twitter.active,
    .open > .dropdown-toggle.btn-twitter { color: #ffffff; background-color: #3ea1ec; border-color: #309aea; }
    .btn-twitter:active,
    .btn-twitter.active,
    .open > .dropdown-toggle.btn-twitter { background-image: none; }
    .btn-twitter.disabled,
    .btn-twitter[disabled],
    fieldset[disabled] .btn-twitter,
    .btn-twitter.disabled:hover,
    .btn-twitter[disabled]:hover,
    fieldset[disabled] .btn-twitter:hover,
    .btn-twitter.disabled:focus,
    .btn-twitter[disabled]:focus,
    fieldset[disabled] .btn-twitter:focus,
    .btn-twitter.disabled.focus,
    .btn-twitter[disabled].focus,
    fieldset[disabled] .btn-twitter.focus,
    .btn-twitter.disabled:active,
    .btn-twitter[disabled]:active,
    fieldset[disabled] .btn-twitter:active,
    .btn-twitter.disabled.active,
    .btn-twitter[disabled].active,
    fieldset[disabled] .btn-twitter.active { background-color: #55acee; border-color: #47a5ed; }
    .btn-twitter .badge { color: #55acee; background-color: #ffffff; }
    .btn-twitter.btn-outline { color: #47a5ed; background-color: transparent; }
/* pagination */
.pagination > li > a,
.pager > li > a,
.pagination > li > span,
.pager > li > span { color: #00b1e1; border-color: #cfd9db; }
    .pagination > li > a:hover,
    .pager > li > a:hover,
    .pagination > li > span:hover,
    .pager > li > span:hover,
    .pagination > li > a:focus,
    .pager > li > a:focus,
    .pagination > li > span:focus,
    .pager > li > span:focus { color: #00a5d2; background-color: #ecf0f1; border-color: #c9d4d7; }
.pagination > .active > a,
.pager > .active > a,
.pagination > .active > span,
.pager > .active > span,
.pagination > .active > a:hover,
.pager > .active > a:hover,
.pagination > .active > span:hover,
.pager > .active > span:hover,
.pagination > .active > a:focus,
.pager > .active > a:focus,
.pagination > .active > span:focus,
.pager > .active > span:focus { color: #00a9d7; background-color: #ecf0f1; border-color: #c9d4d7; }
/* ----------------------------
 *
 * Dropdown Menu
 *
 * --------------------------- */
.dropdown-menu { font-size: 13px; border-color: #cfd9db; padding: 5px 0px; border-radius: 4px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); }
    .dropdown-menu .dropdown-menu { position: static; display: block; width: 100%; margin: 0px; padding: 0px; /* reset */ border-width: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; }
    .dropdown-menu > li { margin: 0px; text-align: left; }
        .dropdown-menu > li > a { line-height: 20px; color: #5e5e5e; padding: 4px 15px !important; }
            .dropdown-menu > li > a:active,
            .dropdown-menu > li > a:focus,
            .dropdown-menu > li > a:hover { outline: 0; background-color: #f8f8f8; color: #444444; }
            .dropdown-menu > li > a > .icon { display: inline-block; min-width: 14px; text-align: center; margin-right: 6px; }
        .dropdown-menu > li:active > a,
        .dropdown-menu > li.active > a { background-color: #f8f8f8; color: #444444; }
            .dropdown-menu > li:active > a:hover,
            .dropdown-menu > li.active > a:hover { background-color: #f8f8f8; color: #373737; }
    .dropdown-menu > .dropdown-header { padding: 6px 15px !important; font-size: 13px; font-weight: 600; }
    .dropdown-menu > .dropdown-content { padding: 4px 15px; }
    .dropdown-menu .divider { margin: 4px 0px; background-color: #ecf0f1; }
    .dropdown-menu.dropdown-menu-alt { min-width: 220px; padding: 0; }
        .dropdown-menu.dropdown-menu-alt > li > a { padding: 8px 15px !important; }
        .dropdown-menu.dropdown-menu-alt > li + li { border-top: 1px solid #eff2f3; }
        .dropdown-menu.dropdown-menu-alt > li:last-child > a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.dropdown.custom > .dropdown-menu { border-color: #e0e7e8; }
    .dropdown.custom > .dropdown-menu > .dropdown-header { display: table; width: 100%; background-color: #f7f7f7; border-bottom: 1px solid #e6ebed; padding: 0px 15px !important; height: 36px; line-height: 36px; color: #5e5e5e; }
        .dropdown.custom > .dropdown-menu > .dropdown-header > .title { display: table-cell; font-weight: 600; }
        .dropdown.custom > .dropdown-menu > .dropdown-header > .option { display: table-cell; font-weight: normal; }
    .dropdown.custom > .dropdown-menu > .viewport,
    .dropdown.custom > .dropdown-menu .dropdown-body { max-height: 300px; }
    .dropdown.custom > .dropdown-menu .dropdown-body { overflow-y: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; }
    .dropdown.custom > .dropdown-menu form,
    .dropdown.custom > .dropdown-menu .form-horizontal { padding: 6px 15px; background-color: #fafafa; border-bottom: 1px solid #e6ebed; }
.dropdown.mega > .dropdown-menu { width: auto !important; left: 0 !important; right: 0 !important; }
/* ----------------------------
 *
 * Label & Badge & Icons
 *
 * --------------------------- */
.badge,
.label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; display: inline-block; font-size: 11px; font-weight: bold; line-height: 1.7; height: 18px; min-width: 18px; padding: 0px 6px; }
    .badge:empty,
    .label:empty { display: none; }
/* Hasnotification */
.hasnotification { display: inline-block; width: 8px; height: 8px; text-indent: -999999px; border-radius: 50%; background-color: #eeeeee; }
/* Color */
.label-default,
.badge-default { background-color: #ecf0f1; color: #94aab0; }
.label-primary,
.badge-primary,
.hasnotification-primary { background-color: #00b1e1; }
.label-success,
.badge-success,
.hasnotification-success { background-color: #91c854; }
.label-info,
.badge-info,
.hasnotification-info { background-color: #63d3e9; }
.label-warning,
.badge-warning,
.hasnotification-warning { background-color: #ffd66a; }
.label-danger,
.badge-danger,
.hasnotification-danger { background-color: #ed5466; }
.label-teal,
.badge-teal,
.hasnotification-teal { background-color: #6bccb4; }
.label-inverse,
.badge-inverse,
.hasnotification-inverse { background-color: #2a2a2a; color: #ffffff; }

/* ----------------------------
 *
 * Blockquote
 *
 * --------------------------- */
blockquote { padding-left: 40px; border-width: 0px; }
    blockquote > p { position: relative; font-style: italic; font-size: 18px !important; }
        blockquote > p:before { position: absolute; top: -1px; margin-left: -25px; font-family: "iconfont"; font-size: 18px; content: "\e19f"; color: #eeeeee; }
        blockquote > p:after { position: absolute; bottom: -1px; margin-left: 5px; font-family: "iconfont"; font-size: 18px; content: "\e1a0"; color: #eeeeee; }
.blockquote-reverse { padding-left: 20px; padding-right: 40px; border-width: 0px; }
/* Helper
-------------------------------*/
/* 
 * bold
 */
.bold { font-weight: 700; }
/* 
 * semi bold
 */
.semibold { font-weight: 600; }
/* 
 * Thin
 */
.thin { font-weight: 300; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Color
-------------------------------*/
/* 
 * white 
 */
.text-white { color: #ffffff !important; }
/* 
 * accent 
 */
.text-accent { color: #00b6ad !important; }
a.text-accent:hover { color: #009d95 !important; }
/* 
 * default 
 */
.text-default { color: #777777 !important; }
a.text-default:hover { color: #5e5e5e !important; }
/* 
 * white 
 */
.text-white { color: #f2f2f2 !important; }
a.text-white:hover { color: #ffffff !important; }
/* 
 * muted 
 */
.text-muted { color: #a2a2a2 !important; }
a.text-muted:hover { color: #bbbbbb !important; }
/* 
 * primary 
 */
.text-primary { color: #00b1e1 !important; }
a.text-primary:hover { color: #009dc8 !important; }
/* 
 * success 
 */
.text-success { color: #91c854 !important; }
a.text-success:hover { color: #85c241 !important; }
/* 
 * info 
 */
.text-info { color: #63d3e9 !important; }
a.text-info:hover { color: #4dcde6 !important; }
/* 
 * warning 
 */
.text-warning { color: #ffd66a !important; }
a.text-warning:hover { color: #ffcf51 !important; }
/* 
 * danger 
 */
.text-danger { color: #ed5466 !important; }
a.text-danger:hover { color: #eb3d51 !important; }
/* 
 * teal 
 */
.text-teal { color: #6bccb4 !important; }
a.text-teal:hover { color: #58c5aa !important; }
/* Long Shadow text
-------------------------------*/
.longshadow { text-shadow: #e2e2e2 1px 1px, #e2e2e2 2px 2px, #e2e2e2 3px 3px, #e3e3e3 4px 4px, #e5e5e5 5px 5px, #e7e7e7 6px 6px, #e8e8e8 7px 7px, #eaeaea 8px 8px, #ececec 9px 9px, #eeeeee 10px 10px; }
/* Dropcap
-------------------------------*/
.dropcap { float: left; padding: 0px 10px; font-size: 32px; margin-right: 10px; border-radius: 3px; }
/* ----------------------------
 *
 * Image
 *
 * --------------------------- */
.img-circle { border-radius: 50% !important; }
.img-bordered { -webkit-box-shadow: 0px 0px 0px 3px #ffffff; box-shadow: 0px 0px 0px 3px #ffffff; }
.img-bordered-primary { -webkit-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #00b1e1; box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #00b1e1; }
.img-bordered-success { -webkit-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #91c854; box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #91c854; }
.img-bordered-info { -webkit-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #63d3e9; box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #63d3e9; }
.img-bordered-warning { -webkit-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #ffd66a; box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #ffd66a; }
.img-bordered-danger { -webkit-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #ed5466; box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #ed5466; }
.img-bordered-inverse { -webkit-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #2a2a2a; box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #2a2a2a; }
.img-bordered-teal { -webkit-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #6bccb4; box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #6bccb4; }
/*
 * image group
 */
.img-group > img,
.img-group > .more { width: 38px; height: 38px; -webkit-box-shadow: 0 0 0 2px #ffffff; box-shadow: 0 0 0 2px #ffffff; }
.img-group > .more { display: inline-block; vertical-align: top; background-color: #00b6ad; line-height: 38px; font-size: 14px; font-weight: 600; text-align: center; color: #ffffff; }
.img-group-stack > img ~ img,
.img-group-stack > img ~ .more { margin-left: -18px; }
/*
 * image grid
 */
.img-grid .row { margin: 0px; }
    .img-grid .row + .row { padding-top: 5px; }
    .img-grid .row > [class^="col-"],
    .img-grid .row [class*=" col-"] { padding: 0px; }
        .img-grid .row > [class^="col-"] + [class^="col-"],
        .img-grid .row [class*=" col-"] + [class^="col-"],
        .img-grid .row > [class^="col-"] [class*=" col-"],
        .img-grid .row [class*=" col-"] [class*=" col-"] { padding-left: 5px; }
.img-grid + .row { padding-top: 5px; }
/* ----------------------------
 *
 * Alert
 *
 * --------------------------- */
.alert { padding: 10px; }
    .alert:empty { display: none; }
.alert-dismissable { padding-right: 10px; }
    .alert-dismissable .close { right: 0px; }
/* success */
.alert-success { color: #4e7325 !important; background-color: #e0f0cf; border-color: #d2e8b8; }
    .alert-success .gritter-item,
    .alert-success .gritter-close { color: #4e7325 !important; }
/* info */
.alert-info { color: #16879d !important; background-color: #e9f9fc; border-color: #d3f3f9; }
    .alert-info .gritter-item,
    .alert-info .gritter-close { color: #16879d !important; }
/* warning */
.alert-warning { color: #da9e00 !important; background-color: #fff9ea; border-color: #fff3d5; }
    .alert-warning .gritter-item,
    .alert-warning .gritter-close { color: #da9e00 !important; }
/* danger */
.alert-danger { color: #e8263d !important; background-color: #fcdee2; border-color: #faccd1; }
    .alert-danger .gritter-item,
    .alert-danger .gritter-close { color: #e8263d !important; }
/* ----------------------------
 *
 * Animation
 *
 * --------------------------- */
.animation { visibility: hidden; }
    .animation.delay { -webkit-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; }
    .animation.animating { visibility: visible; -webkit-animation-duration: 800ms; -o-animation-duration: 800ms; animation-duration: 800ms; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
    .animation.animated { visibility: visible; }

/* ----------------------------
*
* Table
*
* --------------------------- */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { vertical-align: middle; border-color: #e6ebed; padding: 10px; }
.table > thead > tr > th,
.table tr > th { color: #5e5e5e; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); font-weight: 600; background-color: #f9f9f9; }
.table > thead > tr > th { border-bottom: 2px solid #cfd9db !important; }
.table-responsive > .table { margin-bottom: 0px; }
/* image */
.table .media-object { display: inline-block; width: 30px; height: 30px; }
    .table .media-object > img { width: 100%; }
/* Table email */
.table-email > tbody > tr:first-child > td { border-top-width: 0px; }
/* 
* meta 
*/
.table-email > tbody > tr > td.meta > .sender { margin: 0px; font-size: 13px; font-weight: 600; color: #5e5e5e; }
.table-email > tbody > tr > td.meta > .date { margin: 0px; font-size: 12px; color: #aaaaaa; }
/* 
* message 
*/
.table-email > tbody > tr > td.message > .heading { margin: 0px; font-size: 13px; font-weight: 600; }
.table-email > tbody > tr > td.message > .text { margin: 0px; color: #919191; }
/* Table layout */
.table-layout { display: table; width: 100%; table-layout: fixed; margin-bottom: 20px; padding: 0px; }
    .table-layout.table-layout-section > [class*=" col-xs"],
    .table-layout.table-layout-section > [class^="col-xs"] { border-right: 1px solid #ecf0f1; }
        .table-layout.table-layout-section > [class*=" col-xs"]:last-child,
        .table-layout.table-layout-section > [class^="col-xs"]:last-child { border-right-width: 0px; }
    .table-layout > [class*=" col-"],
    .table-layout > [class^="col-"] { position: static; padding: 0px; }
    .table-layout > .col-xs-1,
    .table-layout > .col-xs-2,
    .table-layout > .col-xs-3,
    .table-layout > .col-xs-4,
    .table-layout > .col-xs-5,
    .table-layout > .col-xs-6,
    .table-layout > .col-xs-7,
    .table-layout > .col-xs-8,
    .table-layout > .col-xs-9,
    .table-layout > .col-xs-10,
    .table-layout > .col-xs-11 { display: table-cell; table-layout: fixed; float: none; vertical-align: middle; }

@media (min-width: 768px) {
    .table-layout > .col-sm-1,
    .table-layout > .col-sm-2,
    .table-layout > .col-sm-3,
    .table-layout > .col-sm-4,
    .table-layout > .col-sm-5,
    .table-layout > .col-sm-6,
    .table-layout > .col-sm-7,
    .table-layout > .col-sm-8,
    .table-layout > .col-sm-9,
    .table-layout > .col-sm-10,
    .table-layout > .col-sm-11 { display: table-cell; table-layout: fixed; float: none; vertical-align: middle; }
    .table-layout.table-layout-section > [class*=" col-sm"],
    .table-layout.table-layout-section > [class^="col-sm"] { border-right: 1px solid #ecf0f1; }
        .table-layout.table-layout-section > [class*=" col-sm"]:last-child,
        .table-layout.table-layout-section > [class^="col-sm"]:last-child { border-right-width: 0px; }
}

@media (min-width: 992px) {
    .table-layout > .col-md-1,
    .table-layout > .col-md-2,
    .table-layout > .col-md-3,
    .table-layout > .col-md-4,
    .table-layout > .col-md-5,
    .table-layout > .col-md-6,
    .table-layout > .col-md-7,
    .table-layout > .col-md-8,
    .table-layout > .col-md-9,
    .table-layout > .col-md-10,
    .table-layout > .col-md-11 { display: table-cell; table-layout: fixed; float: none; vertical-align: middle; }
    .table-layout.table-layout-section > [class*=" col-md"],
    .table-layout.table-layout-section > [class^="col-md"] { border-right: 1px solid #ecf0f1; }
        .table-layout.table-layout-section > [class*=" col-md"]:last-child,
        .table-layout.table-layout-section > [class^="col-md"]:last-child { border-right-width: 0px; }
}

@media (min-width: 1200px) {
    .table-layout > .col-lg-1,
    .table-layout > .col-lg-2,
    .table-layout > .col-lg-3,
    .table-layout > .col-lg-4,
    .table-layout > .col-lg-5,
    .table-layout > .col-lg-6,
    .table-layout > .col-lg-7,
    .table-layout > .col-lg-8,
    .table-layout > .col-lg-9,
    .table-layout > .col-lg-10,
    .table-layout > .col-lg-11 { display: table-cell; table-layout: fixed; float: none; vertical-align: middle; }
    .table-layout.table-layout-section > [class*=" col-lg"],
    .table-layout.table-layout-section > [class^="col-lg"] { border-right: 1px solid #ecf0f1; }
        .table-layout.table-layout-section > [class*=" col-lg"]:last-child,
        .table-layout.table-layout-section > [class^="col-lg"]:last-child { border-right-width: 0px; }
}
/* Table contextual */
/* 
* hover 
*/
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th { background-color: #f8f8f8; }
/* 
* striped 
*/
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr.odd > td,
.table-striped > tbody > tr:nth-child(odd) > th,
.table-striped > tbody > tr.odd > th { background-color: #fbfbfb; }
/* 
* stroke 
*/
.table > thead > tr > td.stroke,
.table > tbody > tr > td.stroke,
.table > tfoot > tr > td.stroke,
.table > thead > tr > th.stroke,
.table > tbody > tr > th.stroke,
.table > tfoot > tr > th.stroke,
.table > thead > tr.stroke > td,
.table > tbody > tr.stroke > td,
.table > tfoot > tr.stroke > td,
.table > thead > tr.stroke > th,
.table > tbody > tr.stroke > th,
.table > tfoot > tr.stroke > th { background-color: #ecf0f1; color: #ccc; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); text-decoration: line-through; }
.table-hover > tbody > tr.stroke:hover > td { background-color: #f5f5f5; }
/* 
* active 
*/
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr > .active:hover,
.table-hover > tbody > .active:hover > td,
.table-hover > tbody > .active:hover > th { background-color: #ecf0f1 !important; border-color: #cfd9db; }
/* 
* info 
*/
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr > .info:hover,
.table-hover > tbody > .info:hover > td,
.table-hover > tbody > .info:hover > th { background-color: #e9f9fc !important; border-color: #d3f3f9; }
/* 
* warning 
*/
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr > .warning:hover,
.table-hover > tbody > .warning:hover > td,
.table-hover > tbody > .warning:hover > th { background-color: #fff9ea !important; border-color: #fff3d5; }
/* 
* success 
*/
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr > .success:hover,
.table-hover > tbody > .success:hover > td,
.table-hover > tbody > .success:hover > th { background-color: #e0f0cf !important; border-color: #d2e8b8; }
/* 
* danger 
*/
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr > .danger:hover,
.table-hover > tbody > .danger:hover > td,
.table-hover > tbody > .danger:hover > th { background-color: #fcdee2 !important; border-color: #faccd1; }
/* Table td toolbar */
.table td .toolbar { display: inline-block; vertical-align: middle; line-height: normal; }
    .table td .toolbar .btn.btn-link { border: none; padding: 0px 5px; }
    .table td .toolbar.toolbar-hover { display: none; }
.table tr:hover .toolbar.toolbar-hover { display: inline-block; }
/* Media query
-------------------------------*/
@media (max-width: 768px) {
    .table td .toolbar { min-width: 80px; }
    .table-responsive { width: 100%; overflow-x: scroll; overflow-y: hidden; border: 0px; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; }
    .panel .table-responsive { border-left: 0px; border-right: 0px; border-top: 0px; }
}
/* ----------------------------
 *
 * Thumbnails
 *
 * --------------------------- */
.thumbnail { position: relative; padding: 0px; border-width: 0px; border-radius: 3px; }
    .thumbnail .media { position: relative; overflow: hidden; margin-top: 0px; }
        .thumbnail .media > img,
        .thumbnail .media > iframe { position: relative; z-index: 2; border-radius: 3px; border: 0px; }
            .thumbnail .media > img[data-toggle="unveil"] { opacity: 0; -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }
                .thumbnail .media > img[data-toggle="unveil"].unveiled { opacity: 1; }
        .thumbnail .media > .indicator { display: block; z-index: 1; }
        .thumbnail .media > .overlay { position: absolute; z-index: 4; border-radius: 3px; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(0, 182, 173, 0.4); opacity: 0; color: #ffffff; -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }
            .thumbnail .media > .overlay.show { opacity: 1; }
            .thumbnail .media > .overlay > .toolbar { position: absolute; top: 50%; margin-top: -20px; width: 100%; text-align: center; }
                .thumbnail .media > .overlay > .toolbar > .btn { width: 40px; line-height: 26px; border-radius: 50%; overflow: hidden; border: 0px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 300ms ease; -o-transition: -o-transform 300ms ease; transition: transform 300ms ease; }
                    .thumbnail .media > .overlay > .toolbar > .btn + .btn { -webkit-transition: -webkit-transform 250ms ease; -o-transition: -o-transform 250ms ease; transition: transform 250ms ease; }
                        .thumbnail .media > .overlay > .toolbar > .btn + .btn + .btn { -webkit-transition: -webkit-transform 200ms ease; -o-transition: -o-transform 200ms ease; transition: transform 200ms ease; }
                            .thumbnail .media > .overlay > .toolbar > .btn + .btn + .btn + .btn { -webkit-transition: -webkit-transform 150ms ease; -o-transition: -o-transform 150ms ease; transition: transform 150ms ease; }
                                .thumbnail .media > .overlay > .toolbar > .btn + .btn + .btn + .btn + .btn { -webkit-transition: -webkit-transform 100ms ease; -o-transition: -o-transform 100ms ease; transition: transform 100ms ease; }
.touch .thumbnail .media > .overlay > .toolbar > .btn { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.touch .thumbnail .media > .overlay > .toolbar { top: 15px; margin-top: 0px; }
.touch .thumbnail .media > .overlay { background-color: transparent; opacity: 1; }
.thumbnail .media .meta { position: absolute; z-index: 3; top: 0px; left: 0px; right: 0px; color: #ffffff; padding: 15px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
    .thumbnail .media .meta.meta-hover { top: -20%; -webkit-transition: top ease-in-out 0.3s; -o-transition: top ease-in-out 0.3s; transition: top ease-in-out 0.3s; }
    .thumbnail .media .meta.bottom { top: auto; bottom: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
        .thumbnail .media .meta.bottom.meta-hover { top: auto; bottom: -20%; -webkit-transition: bottom ease-in-out 0.3s; -o-transition: bottom ease-in-out 0.3s; transition: bottom ease-in-out 0.3s; }
    .thumbnail .media .meta.dark,
    .thumbnail .media .meta.darken { background-color: rgba(0, 0, 0, 0.5); }
    .thumbnail .media .meta.light { background-color: rgba(255, 255, 255, 0.7); }
.thumbnail .media:hover > .overlay { opacity: 1; }
    .thumbnail .media:hover > .overlay > .toolbar > .btn { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.thumbnail .media:hover .meta.meta-hover { top: 0; -webkit-transition: top ease-in-out 0.3s; -o-transition: top ease-in-out 0.3s; transition: top ease-in-out 0.3s; }
.thumbnail .media:hover .meta.bottom.meta-hover { top: auto; bottom: 0; -webkit-transition: bottom ease-in-out 0.3s; -o-transition: bottom ease-in-out 0.3s; transition: bottom ease-in-out 0.3s; }
.thumbnail > .caption .tag { font-size: 11px; color: #919191; margin: 0px; }
.thumbnail > .caption ~ .caption { border-top: 1px solid #cfd9db; }
.thumbnail.thumbnail-album { border: 1px solid #cfd9db; background-color: #ffffff; padding: 0px; border-radius: 4px; }
    .thumbnail.thumbnail-album > .media > img,
    .thumbnail.thumbnail-album > .media > .overlay { border-radius: 3px 3px 0px 0px; }
    .thumbnail.thumbnail-album .meta { padding: 9px; margin: 0px; }
        .thumbnail.thumbnail-album .meta > li { display: table-cell; vertical-align: middle; width: 1%; }
a.thumbnail { position: relative; padding: 4px; border-width: 1px; }
    a.thumbnail:hover,
    a.thumbnail:focus,
    a.thumbnail.active { border-color: #00b1e1; }
/*
 * panel reset
 */
.panel .thumbnail { border-radius: 0px; border: 0px; margin-bottom: 0px; }
    .panel .thumbnail + .thumbnail { margin-top: 5px; }
    .panel .thumbnail .media img,
    .panel .thumbnail .media iframe { border-radius: 0px; }
    .panel .thumbnail .media > .overlay { border-radius: 0px; }
    .panel .thumbnail.thumbnail-album .media > .overlay { border-radius: 0px; }
/* ----------------------------
 *
 * Panel
 *
 * --------------------------- */
/*.panel { /* max-width: 100%;  required by text ellipsis */ position: relative; border-width: 1px; border-color: #cfd9db; border-bottom-width: 2px; border-bottom-color: #c0cdd1; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; /*
     * inside sidebar
     */ }*/
    .panel.no-border { border-width: 0px; }
    .panel hr { border-color: #dde4e6; }
.sidebar .panel { background-color: transparent; border-radius: 0px !important; color: #888888; border-width: 0px !important; }
.panel > .panel-collapse.pull { display: none; }
    .panel > .panel-collapse.pull.out { position: relative; display: block; }
.panel > .panel-collapse.pulling { position: relative; overflow: hidden; }
/* panel widget
 -------------------------------*/
.widget { margin-bottom: 20px; }
    .widget .panel,
    .widget.panel { border-bottom-width: 1px; border-bottom-color: #cfd9db; overflow: hidden; }
/* panel ribbon
 *   - contextual
 -------------------------------*/
.panel > .panel-ribbon { position: absolute; z-index: 10; overflow: hidden; top: -1px; left: -1px; width: 40px; height: 40px; border-top-left-radius: 3px; color: #888888; text-decoration: none; }
    .panel > .panel-ribbon.pull-right { left: auto; right: -1px; border-top-right-radius: 3px; text-align: right; }
    .panel > .panel-ribbon > [class*=" ico-"],
    .panel > .panel-ribbon > [class^="ico-"] { display: inline-block; position: relative; width: 13px; line-height: 13px; margin-top: 6px; margin-left: 6px; text-align: center; z-index: 1; }
    .panel > .panel-ribbon.pull-right > [class*=" ico-"],
    .panel > .panel-ribbon.pull-right > [class^="ico-"] { margin-right: 6px; margin-left: 0px; }
    .panel > .panel-ribbon.pull-right:after { border-width: 0 40px 40px 0; border-color: transparent #eeeeee transparent transparent; }
    .panel > .panel-ribbon:after { position: absolute; top: 0px; left: 0px; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 40px 40px 0 0; border-color: #eeeeee transparent transparent transparent; }
/*
 * contextual
 */
/* primary */
.panel > .panel-ribbon-primary { color: #007594; }
    .panel > .panel-ribbon-primary:after { border-color: #00b1e1 transparent transparent transparent; }
    .panel > .panel-ribbon-primary.pull-right:after { border-color: transparent #00b1e1 transparent transparent; }
/* success */
.panel > .panel-ribbon-success { color: #6b9d32; }
    .panel > .panel-ribbon-success:after { border-color: #91c854 transparent transparent transparent; }
    .panel > .panel-ribbon-success.pull-right:after { border-color: transparent #91c854 transparent transparent; }
/* warning */
.panel > .panel-ribbon-warning { color: #ffc11e; }
    .panel > .panel-ribbon-warning:after { border-color: #ffd66a transparent transparent transparent; }
    .panel > .panel-ribbon-warning.pull-right:after { border-color: transparent #ffd66a transparent transparent; }
/* info */
.panel > .panel-ribbon-info { color: #20c0e0; }
    .panel > .panel-ribbon-info:after { border-color: #63d3e9 transparent transparent transparent; }
    .panel > .panel-ribbon-info.pull-right:after { border-color: transparent #63d3e9 transparent transparent; }
/* danger */
.panel > .panel-ribbon-danger { color: #dd172f; }
    .panel > .panel-ribbon-danger:after { border-color: #ed5466 transparent transparent transparent; }
    .panel > .panel-ribbon-danger.pull-right:after { border-color: transparent #ed5466 transparent transparent; }
/* inverse */
.panel > .panel-ribbon-inverse { color: #040404; }
    .panel > .panel-ribbon-inverse:after { border-color: #2a2a2a transparent transparent transparent; }
    .panel > .panel-ribbon-inverse.pull-right:after { border-color: transparent #2a2a2a transparent transparent; }
/* teal */
.panel > .panel-ribbon-teal { color: #3cae92; }
    .panel > .panel-ribbon-teal:after { border-color: #6bccb4 transparent transparent transparent; }
    .panel > .panel-ribbon-teal.pull-right:after { border-color: transparent #6bccb4 transparent transparent; }
/* panel heading  
 *   - panel icon
 *   - contextual
 *   - reset
 -------------------------------*/
.panel-heading { padding: 0px 15px; border-top-right-radius: 3px; border-top-left-radius: 3px; /* experiment */ margin-left: -1px; margin-right: -1px; margin-top: -1px; border: 1px solid transparent; }
    .panel-heading > .panel-title,
    .panel-heading > .panel-toolbar { display: table-cell; vertical-align: middle; width: 1%; height: 40px; float: none !important; }
        .panel-heading > .panel-title.ellipsis,
        .panel-heading > .panel-toolbar.ellipsis { max-width: 10px; }
    .panel-heading > .panel-title { font-size: 14px; font-weight: 600; }
        .panel-heading > .panel-title > .icon { margin-right: 5px; }
        .panel-heading > .panel-title > a,
        .panel-heading > .panel-title > a:hover,
        .panel-heading > .panel-title > a:active,
        .panel-heading > .panel-title > a:focus { text-decoration: none; outline: 0; }
    .panel-heading > .panel .panel-heading + .panel-body { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
/* Panel Toolbar
 *   static text
 *   button link
 *   option
 *   input field
 *   tabs
 -------------------------------*/
.panel-toolbar-wrapper { display: block; background-color: #fbfbfb; border-bottom: 1px solid #e6ebed; padding: 0px 15px; }
    .panel-toolbar-wrapper.bottom { border-bottom-width: 0px; border-top: 1px solid #cfd9db; }
    .panel-toolbar-wrapper > .panel-toolbar { display: table-cell; vertical-align: middle; width: 1%; height: 40px; float: none !important; }
        .panel-toolbar-wrapper > .panel-toolbar.ellipsis { max-width: 10px; }
.panel .panel-footer > .panel-toolbar-wrapper { background-color: transparent; padding: 0px; border-width: 0px; }
/* 
 * static text
 */
.panel .panel-toolbar .static-text { display: inline-block; vertical-align: middle; line-height: 34px; color: #777777; }
/* 
 * btn-link 
 */
.panel .panel-toolbar .btn-link { color: #f3f3f3; text-decoration: none; }
    .panel .panel-toolbar .btn-link:hover,
    .panel .panel-toolbar .btn-link:focus,
    .panel .panel-toolbar .btn-link:active { color: #ffffff; outline: 0; box-shadow: none; -webkit-box-shadow: none; }
.panel.panel-default .panel-toolbar .btn-link { color: #00b1e1; }
    .panel.panel-default .panel-toolbar .btn-link:hover,
    .panel.panel-default .panel-toolbar .btn-link:active,
    .panel.panel-default .panel-toolbar .btn-link:focus { color: #009dc8; }
/* 
 * option
 */
.panel .panel-toolbar > .option { display: inline-block; float: right; min-height: 34px; }
    .panel .panel-toolbar > .option > .btn { float: left; background-color: transparent; color: #f3f3f3; padding-left: 6px; padding-right: 6px; }
.panel.panel-default .panel-toolbar > .option > .btn { color: #777777; }
.panel .panel-toolbar > .option > .btn:hover,
.panel .panel-toolbar > .option > .btn:active,
.panel .panel-toolbar > .option > .btn:focus { color: #ffffff; outline: 0; box-shadow: none; -webkit-box-shadow: none; }
.panel.panel-default .panel-toolbar > .option > .btn:hover,
.panel.panel-default .panel-toolbar > .option > .btn:active,
.panel.panel-default .panel-toolbar > .option > .btn:focus { color: #5e5e5e; }
/* icon */
.panel .panel-toolbar > .option > .btn .arrow,
.panel .panel-toolbar > .option > .btn .reload,
.panel .panel-toolbar > .option > .btn .remove { display: block; font-family: 'iconfont'; font-size: 12px; width: 12px; text-align: center; font-style: normal; }
.panel .panel-toolbar > .option > .btn.up > .arrow:before { content: "\e670"; }
.panel .panel-toolbar > .option > .btn > .arrow:before { content: "\e671"; }
.panel .panel-toolbar > .option > .btn > .reload:before { content: "\e61d"; font-size: 13px; }
.panel .panel-toolbar > .option > .btn > .remove:before { content: "\e36c"; }
/*
 * input field
 */
.panel .panel-toolbar > .form-horizontal .form-group { margin: 0px; }
.panel .panel-toolbar > .form-horizontal .has-feedback .form-control-feedback { right: 0px; }
/*
 * tabs
 */
.panel .panel-toolbar > .nav-tabs { border-bottom: 0px; margin-bottom: -4px; background-color: transparent; }
    .panel .panel-toolbar > .nav-tabs > li > a { padding: 8px 15px; line-height: 20px; border: 1px solid transparent; border-radius: 3px 3px 0px 0px; color: #f3f3f3; }
    .panel .panel-toolbar > .nav-tabs > li.active > a,
    .panel .panel-toolbar > .nav-tabs > li.active > a:hover,
    .panel .panel-toolbar > .nav-tabs > li.active > a:active,
    .panel .panel-toolbar > .nav-tabs > li.active > a:focus { border-color: #cfd9db; border-bottom-color: transparent; background-color: #ffffff; color: #444444; }
        .panel .panel-toolbar > .nav-tabs > li.active > a:before { display: none; }
/* panel default reset */
.panel-default .panel-toolbar > .nav-tabs > li > a:hover,
.panel-default .panel-toolbar > .nav-tabs > li.open > a { border-bottom-color: #cfd9db; color: #777777; }
.panel-default .panel-toolbar > .nav-tabs > li > a { color: #aaaaaa; }
/* tab inside panel toolbar wrapper */
.panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li > a { color: #aaaaaa; }
    .panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li > a:hover,
    .panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li.open > a,
    .panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li.active > a,
    .panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li.active > a:hover,
    .panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li.active > a:active,
    .panel .panel-toolbar-wrapper > .panel-toolbar > .nav-tabs > li.active > a:focus { color: #777777; }
/* panel body
 *   - indicator
 *   - scrollable
 *   - info
 *   - background
 *   - iframe
 *   - contextual
 -------------------------------*/
.panel-body { position: relative; }
    .panel-body:last-child { border-bottom: 0px; }
    .panel-body.no-contextual { background-color: inherit !important; color: inherit !important; }
.panel .panel-body + .table-responsive { border-top: 1px solid #e6ebed; }
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive { border-color: #e6ebed; }
/*
 * indicator
 */
.panel-body > .indicator { left: 0px; right: 0px; top: 0px; bottom: 0px; }
/*
 * scrollable
 */
.panel .viewport:after { pointer-events: none; position: absolute; content: ""; z-index: 10; left: 0px; right: 0px; top: 0px; height: 40px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigyNTUsIDI1NSwgMjU1KSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=); background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(15%, #ffffff), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 100%); }
.panel .viewport:before { pointer-events: none; position: absolute; content: ""; z-index: 10; left: 0px; right: 0px; bottom: 0px; height: 40px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigyNTUsIDI1NSwgMjU1KSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 85%, #ffffff 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 85%, #ffffff 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(85%, #ffffff), to(#ffffff)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 85%, #ffffff 100%); }
.touch .panel-body.slimscroll { overflow-x: hidden; overflow-y: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; }
/* panel footer  
 -------------------------------*/
.panel-footer { overflow: auto; background-color: #f8f8f8; border-top: 1px solid #e6ebed; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel-body .panel-footer { margin: 15px -15px -15px -15px; }
.panel-footer + .panel-body { border-top: 1px solid #cfd9db; }
/* panel group 
 *    - arrow
 *    - plus
 -------------------------------*/
.panel-group .panel { border-radius: 4px; }
.panel-group.panel-group-compact .panel,
.panel-group.panel-group-compact .panel .panel-heading { border-bottom: none; border-radius: 0px; }
    .panel-group.panel-group-compact .panel:first-child,
    .panel-group.panel-group-compact .panel:first-child .panel-heading { border-top-right-radius: 3px; border-top-left-radius: 3px; }
    .panel-group.panel-group-compact .panel:last-child { border-bottom: 1px solid #cfd9db; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
    .panel-group.panel-group-compact .panel + .panel { margin: 0px; }
.panel-group.panel-group-compact .panel-minimal:last-child { border-bottom-width: 0px; }
/* 
 * arrow 
 */
.panel-group .panel-title > a > .arrow,
.panel-group .panel-title > a > .plus { text-align: left; font-family: "iconfont"; font-weight: normal; font-size: 12px; line-height: 12px; width: 12px; }
    .panel-group .panel-title > a > .arrow:before { content: "\e670"; }
.panel-group .panel-title > a.collapsed > .arrow:before { content: "\e671"; }
.panel-group .panel-title > a > .plus:before { content: "\e662"; }
.panel-group .panel-title > a.collapsed > .plus:before { content: "\e661"; }
/* Panel Header contextual
 *   - default
 *   - primary
 *   - success
 *   - info
 *   - warning
 *   - danger
 *   - inverse
 *   - teal
 *   - reset
 -------------------------------*/
/* 
 * default 
 */
.panel-default > .panel-heading { color: #444444; background-color: #f1f1f1; border-color: #cfd9db; }
/* 
 * primary 
 */
.panel-primary > .panel-heading { color: #ffffff; background-color: #00b1e1; border-color: #00a5d2; }
    .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #009dc8; }
/* 
 * success 
 */
.panel-success > .panel-heading { color: #ffffff; background-color: #91c854; border-color: #85c241; }
/* 
 * info 
 */
.panel-info > .panel-heading { color: #ffffff; background-color: #63d3e9; border-color: #48cbe5; }
/* 
 * warning 
 */
.panel-warning > .panel-heading { color: #ffffff; background-color: #ffd66a; border-color: #ffce4b; }
/*
 * danger 
 */
.panel-danger > .panel-heading { color: #ffffff; background-color: #ed5466; border-color: #ea384d; }
/* 
 * inverse 
 */
.panel-inverse > .panel-heading { color: #ffffff; background-color: #2a2a2a; border-color: #1b1b1b; }
/* 
 * teal
 */
.panel-teal > .panel-heading { color: #ffffff; background-color: #6bccb4; border-color: #58c5aa; }
/* Panel Minimal
 -------------------------------*/
.panel.panel-minimal { border-width: 0px; border-radius: 0px; background-color: transparent; }
    .panel.panel-minimal > .panel-heading { border-width: 0px; background-color: transparent !important; }
    .panel.panel-minimal > .panel-toolbar-wrapper { background-color: transparent; border-color: transparent; }
    .panel.panel-minimal .panel-footer { background-color: transparent; border-width: 0px; }
/* Panel No Border
 -------------------------------*/
.panel.panel-noborder { border-width: 0px; }
/* Panel Table layout
 -------------------------------*/
.table-layout > [class*=" col-"].panel-minimal:first-child + [class*=" col-"].panel,
.table-layout > [class^="col-"].panel-minimal:first-child + [class^="col-"].panel { border-left-width: 1px; }
    .table-layout > [class*=" col-"].panel-minimal:first-child + [class*=" col-"].panel.panel-minimal,
    .table-layout > [class^="col-"].panel-minimal:first-child + [class^="col-"].panel.panel-minimal { border-left-width: 0px; }
.table-layout > [class*=" col-xs"].panel,
.table-layout > [class^="col-xs"].panel { border-radius: 0px; }
    .table-layout > [class*=" col-xs"].panel + [class*=" col-xs"].panel,
    .table-layout > [class^="col-xs"].panel + [class^="col-xs"].panel { border-left-width: 0px; }
    .table-layout > [class*=" col-xs"].panel:first-child,
    .table-layout > [class^="col-xs"].panel:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
    .table-layout > [class*=" col-xs"].panel:last-child,
    .table-layout > [class^="col-xs"].panel:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

@media (min-width: 768px) {
    .table-layout > [class*=" col-sm"].panel,
    .table-layout > [class^="col-sm"].panel { border-radius: 0px; }
        .table-layout > [class*=" col-sm"].panel + [class*=" col-sm"].panel,
        .table-layout > [class^="col-sm"].panel + [class^="col-sm"].panel { border-left-width: 0px; }
        .table-layout > [class*=" col-sm"].panel:first-child,
        .table-layout > [class^="col-sm"].panel:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
        .table-layout > [class*=" col-sm"].panel:last-child,
        .table-layout > [class^="col-sm"].panel:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
}

@media (min-width: 992px) {
    .table-layout > [class*=" col-md"].panel,
    .table-layout > [class^="col-md"].panel { border-radius: 0px; }
        .table-layout > [class*=" col-md"].panel + [class*=" col-md"].panel,
        .table-layout > [class^="col-md"].panel + [class^="col-md"].panel { border-left-width: 0px; }
        .table-layout > [class*=" col-md"].panel:first-child,
        .table-layout > [class^="col-md"].panel:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
        .table-layout > [class*=" col-md"].panel:last-child,
        .table-layout > [class^="col-md"].panel:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
}

@media (min-width: 1200px) {
    .table-layout > [class*=" col-lg"].panel,
    .table-layout > [class^="col-lg"].panel { border-radius: 0px; }
        .table-layout > [class*=" col-lg"].panel + [class*=" col-lg"].panel,
        .table-layout > [class^="col-lg"].panel + [class^="col-lg"].panel { border-left-width: 0px; }
        .table-layout > [class*=" col-lg"].panel:first-child,
        .table-layout > [class^="col-lg"].panel:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
        .table-layout > [class*=" col-lg"].panel:last-child,
        .table-layout > [class^="col-lg"].panel:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
}
/* Panel Thumbnail
 -------------------------------*/
.panel > .thumbnail,
.panel .panel-figure > .thumbnail { border-radius: 0px; border-width: 0px; margin: 0px; }
    .panel > .thumbnail > .media > .overlay,
    .panel > .thumbnail > .media > img,
    .panel .panel-figure > .thumbnail > .media > .overlay,
    .panel .panel-figure > .thumbnail > .media > img { border-radius: 0px; }
    .panel > .thumbnail > .caption,
    .panel > .thumbnail > .meta,
    .panel .panel-figure > .thumbnaill > .caption,
    .panel .panel-figure > .thumbnaill > .meta { padding: 9px 15px; }
/* ----------------------------
 *
 * Page Header
 *
 * --------------------------- */
.container-fluid .page-header { width: auto; float: none; }
    .container-fluid .page-header.page-header-block { margin-top: -15px; margin-left: -15px; margin-right: -15px; }
.page-header { width: 100%; float: left; position: relative; padding-bottom: 15px; margin: 0px 0 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); overflow: visible; }
    .page-header .title { margin: 0px; color: #5e5e5e; font-size: 18px; line-height: 34px; }
    .page-header > [class*=" col-"],
    .page-header > [class^="col-"] { padding-left: 0px; padding-right: 0px; }
    .page-header .page-header-section + .page-header-section { margin-top: 10px; }
    .page-header .toolbar { text-align: left; margin-bottom: 5px; }
        .page-header .toolbar [class*=" col-"],
        .page-header .toolbar [class^="col-"] { padding-left: 0px; padding-right: 0px; }
        .page-header .toolbar .toolbar-label { display: block; text-align: left; }
    .page-header.page-header-block { padding: 14px 15px 16px 15px; background-color: #fbfcfc; }
        .page-header.page-header-block .title { margin: 0px; }
        .page-header.page-header-block > [class*=" col-"],
        .page-header.page-header-block > [class^="col-"] { padding-left: 15px; padding-right: 15px; }
    .page-header .breadcrumb { padding-left: 0px; padding-right: 0px; }

@media (min-width: 768px) {
    .page-header .page-header-section { display: table-cell; width: 1%; vertical-align: middle; margin-top: 0px; }
    .page-header .toolbar { text-align: right; margin-bottom: 0px; }
        .page-header .toolbar .toolbar-label { display: inline-block; vertical-align: middle; line-height: 34px; }
}
/* ----------------------------
 *
 * List Group
 *
 * --------------------------- */
.list-group-header { font-weight: 600; padding: 10px 15px; color: #777777; font-size: 14px; }
.list-group-item { border-color: #ecf0f1; }
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus { background-color: #00b1e1; border-color: #00a5d2; }
a.list-group-item:hover,
a.list-group-item:focus { background-color: #f7f7f7; color: #777777; }
/* list table */
.list-table { display: table; table-layout: fixed; width: 100%; margin: 0px; padding: 0px; }
    .list-table > li { display: table-cell; table-layout: fixed; vertical-align: middle; width: auto; padding: 0px 5px; }
        .list-table > li:first-child { padding-left: 0px; }
        .list-table > li:last-child { padding-right: 0px; }
/* list tabs */
.list-group-tabs > .list-group-item { padding: 0px; }
    .list-group-tabs > .list-group-item:first-child > a { border-top-right-radius: 4px; border-top-left-radius: 4px; }
    .list-group-tabs > .list-group-item:last-child > a { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
    .list-group-tabs > .list-group-item > a { display: block; padding: 10px 15px; color: #919191; }
    .list-group-tabs > .list-group-item.active { color: #fff; background-color: #00b1e1; border-color: #00b1e1; }
        .list-group-tabs > .list-group-item.active > a { color: #fff; }
/* ----------------------------
 *
 * Media list
 *
 * --------------------------- */
.media-list > .media { overflow: auto; position: relative; padding: 10px 15px; }
    .media-list > .media + .media { margin-top: 0px; }
.media-list > a.media { display: block; }
    .media-list > a.media:active { background-color: #eeeeee; }
    .media-list > a.media:hover,
    .media-list > a.media:focus { background-color: rgba(238, 238, 238, 0.15); outline: 0; }
.media-list > .media:after { content: ""; position: absolute; bottom: 0px; left: 75px; right: 0px; height: 1px; border-bottom: 1px solid #dde4e6; }
.media-list > .media:last-child:after { border-bottom-width: 0px; }
/* border variation */
.media-list > .media.border-dotted:after { border-bottom-style: dotted; }
.media-list > .media.no-border:after { border-bottom-width: 0px; }
/*
 * Media body
 */
.media-list .media-body { display: block; overflow: hidden; zoom: 1; width: auto; }
/* media heading */
.media-list > .media > .media-body > .media-heading { display: block; font-weight: 600; color: #00b6ad; margin-bottom: 0px; }
/* media text */
.media-list > .media > .media-body > .media-text { display: block; color: #444444; margin: 0px; }
/* media meta */
.media-list > .media > .media-body .media-meta { font-size: 11px; margin: 0px; }
.media-list > .media > .media-body span.media-meta,
.media-list > .media > .media-body p.media-meta,
.media-list > .media > .media-body small.media-meta { color: #777777; }
    .media-list > .media > .media-body span.media-meta + span.media-meta { margin-left: 3px; }
/* Media status - read */
.media-list > .media.read > .media-body > .media-heading,
.media-list > .media.read > .media-body > .media-text,
.media-list > .media.read > .media-body span.media-meta,
.media-list > .media.read > .media-body p.media-meta,
.media-list > .media.read > .media-body small.media-meta { color: #aaaaaa; }
/*
 * Media object
 */
.media-list > .media .media-object { width: 50px; height: 50px; text-align: center; }
    .media-list > .media .media-object.pull-left { padding-right: 0; margin-right: 10px; }
    .media-list > .media .media-object.pull-right { padding-left: 0; margin-left: 10px; }
    /* image */
    .media-list > .media .media-object > img { max-width: 100%; }
    /* icon */
    .media-list > .media .media-object > [class*=" ico-"],
    .media-list > .media .media-object > [class^="ico-"] { display: block; width: 34px; height: 34px; margin: 0px auto; line-height: 33px; text-align: center; background-color: #ecf0f1; color: #b1c2c6; border-radius: 50%; }
/* 
 * Media list feed
----------------------------------------------------------------------------- */
/*
 * Media
 */
.media-list-feed > .media { z-index: 1; overflow: visible; }
    .media-list-feed > .media + .media { margin-top: 10px; }
    .media-list-feed > .media:after { content: ""; position: absolute; z-index: -1; bottom: -50%; top: -50%; left: 32px; right: auto; width: 1px; height: auto; border-bottom-width: 0px; background-color: #dde4e6; }
    .media-list-feed > .media:first-child:after { top: 20%; }
    .media-list-feed > .media:last-child:after { background-color: transparent; bottom: 0; }
    /*
 * Media body
 */
    .media-list-feed > .media > .media-body { display: table-cell; }
        /* media heading */
        .media-list-feed > .media > .media-body > .media-heading { margin-top: 7px; margin-bottom: 5px; }
        /* media text */
        .media-list-feed > .media > .media-body > .media-text { margin-bottom: 5px; }
    /*
 * Media object
 */
    .media-list-feed > .media .media-object { width: 34px; height: 34px; }
/* 
 * Media list contact
----------------------------------------------------------------------------- */
.media-list-contact { /*
     * Media
     */ /*
     * Media object
     */ /*
     * Inside sidebar
     */ }
    .media-list-contact > a.media:active,
    .media-list-contact > a.media:hover,
    .media-list-contact > a.media:focus { background-color: transparent; }
    .media-list-contact > .media:after { left: 65px; }
    .media-list-contact > .media .media-object { width: 40px; height: 40px; }
.sidebar .media-list-contact > .media:after { border-color: #2f2f2f; }
.sidebar .media-list-contact > .media > .media-body > .media-heading { color: #888888; }
.sidebar .media-list-contact > .media:active { background-color: #2f2f2f; }
/* 
 * Media list bubble
----------------------------------------------------------------------------- */
/*
 * Media
 */
.media-list-bubble > .media { display: block; padding: 15px; }
.media-list-bubble > a.media:active,
.media-list-bubble > a.media:hover,
.media-list-bubble > a.media:focus { background-color: transparent; }
.media-list-bubble > .media:after { display: none; }
/*
 * Media object
 */
.media-list-bubble > .media .media-object { position: relative; float: left; margin-right: 15px; }
.media-list-bubble > .media-right .media-object { float: right; margin-left: 15px; margin-right: 0px; }
/* arrow left */
.media-list-bubble > .media .media-object:after { content: ""; position: absolute; top: 7px; right: -18px; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #f3f3f3 transparent transparent; }
/* arrow right */
.media-list-bubble > .media-right .media-object:after { left: -18px; right: auto; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #00b1e1; }
/*
 * Media body
 */
.media-list-bubble > .media-right > .media-body { text-align: right; }
/* media text */
.media-list-bubble > .media > .media-body .media-text { display: inline-block; padding: 8px; background-color: #f3f3f3; border-radius: 6px; /*float: left;
    clear: both;*/ }
.media-list-bubble > .media-right > .media-body .media-text { /*float: right;*/ color: #f2f2f2; background-color: #00b1e1; }
.media-list-bubble > .media > .media-body .media-text ~ .media-text { margin-top: 5px; }
/* media meta */
.media-list-bubble > .media > .media-body span.media-meta,
.media-list-bubble > .media > .media-body p.media-meta,
.media-list-bubble > .media > .media-body small.media-meta { color: #bbbbbb; padding: 0px 3px; margin-top: 5px; }
/* 
 * Media list comment
----------------------------------------------------------------------------- */
.media-list-comment .media { padding: 0px; }
    .media-list-comment .media + .media { margin-top: 25px; }
    .media-list-comment .media .media { margin-top: 25px; }
        .media-list-comment .media .media + .media { margin-top: 25px; }
/* ----------------------------
 *
 * Background Color
 *
 * --------------------------- */
/* white */
.bgcolor-white { background-color: rgba(255, 255, 255, 0.98) !important; color: #444444 !important; border-color: #cfd9db !important; }
/* default */
.bgcolor-default { background-color: #f6f6f6 !important; color: #444444 !important; border-color: #cfd9db !important; }
/* dark */
.bgcolor-dark { background-color: #444444 !important; color: #d9d9d9 !important; border-color: #cfd9db !important; }
    .bgcolor-dark.bgcolor-dark-darken10 { background-color: #2b2b2b !important; }
/* primary */
.bgcolor-primary { background-color: #00b1e1 !important; color: #ffffff !important; color: rgba(255, 255, 255, 0.99) !important; border-color: #00a5d2 !important; }
/* info */
.bgcolor-info { background-color: #63d3e9 !important; color: #ffffff !important; border-color: #4dcde6 !important; }
/* success */
.bgcolor-success { background-color: #91c854 !important; color: #ffffff !important; border-color: #87c345 !important; }
/* warning */
.bgcolor-warning { background-color: #ffd66a !important; color: #ffffff !important; border-color: #ffd056 !important; }
/* danger */
.bgcolor-danger { background-color: #ed5466 !important; color: #ffffff !important; border-color: #eb4255 !important; }
/* inverse */
.bgcolor-inverse { background-color: #2a2a2a !important; color: #ffffff !important; border-color: #202020 !important; }
/* teal */
.bgcolor-teal { background-color: #6bccb4 !important; color: #ffffff !important; border-color: #5cc7ac !important; }
/* accent */
.bgcolor-accent { background-color: #00b6ad !important; color: #ffffff !important; border-color: #00a29a !important; }
/* ----------------------------
 *
 * To Top Scroller
 *
 * --------------------------- */
.totop { position: fixed; z-index: 1000; bottom: 10px; right: 10px; display: block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background-color: rgba(0, 182, 173, 0.8); color: rgba(255, 255, 255, 0.8); text-align: center; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1); font-size: 16px; }
    .totop.pull-left { right: auto; left: 10px; }
    .totop:hover,
    .totop:active,
    .totop:focus { color: rgba(255, 255, 255, 0.9); background-color: rgba(0, 182, 173, 0.9); outline: 0; }
/* hide on sidebar open */
.sidebar-open-rtl .totop,
.sidebar-open-ltr .totop { opacity: 0; }
/* ----------------------------
 *
 * Custom Scrollbar - slimscroll
 *
 * --------------------------- */
.scrollbar { background-color: rgba(163, 182, 187, 0.9) !important; border: 0px !important; border-radius: 0px !important; }
/* ----------------------------
 *
 * IFrame
 *
 * --------------------------- */
.iframe-container { position: relative; padding-bottom: 45%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; }
    .iframe-container iframe,
    .iframe-container object,
    .iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ----------------------------
 *
 * Tooltip
 *
 * --------------------------- */
.tooltip .tooltip-inner { text-shadow: none !important; }
/* ----------------------------
 *
 * Horizontal rule
 *
 * --------------------------- */
hr { border-color: #e6ebed; }
/* ----------------------------
 *
 * Pattern
 *
 * --------------------------- */
.pattern { position: absolute; z-index: 1; left: 0px; right: 0px; top: 0px; bottom: 0px; }
    .pattern.overlay { background-color: rgba(0, 0, 0, 0.7); }
        .pattern.overlay.overlay-accent { background-color: rgba(0, 182, 173, 0.8); }
        .pattern.overlay.overlay-primary { background-color: rgba(0, 177, 225, 0.8); }
        .pattern.overlay.overlay-info { background-color: rgba(99, 211, 233, 0.8); }
        .pattern.overlay.overlay-success { background-color: rgba(145, 200, 84, 0.8); }
        .pattern.overlay.overlay-warning { background-color: rgba(255, 214, 106, 0.8); }
        .pattern.overlay.overlay-danger { background-color: rgba(237, 84, 102, 0.8); }
    .pattern + .container,
    .pattern .container-fluid { position: relative; z-index: 2; }
    .pattern.pattern1 { background-image: url("../image/pattern/cartographer.png"); }
    .pattern.pattern2 { background-image: url("../image/pattern/dark-stripes.png"); }
    .pattern.pattern3 { background-image: url("../image/pattern/dark-wall.png"); }
    .pattern.pattern4 { background-image: url("../image/pattern/darth-stripe.png"); }
    .pattern.pattern5 { background-image: url("../image/pattern/egg-shell.png"); }
    .pattern.pattern6 { background-image: url("../image/pattern/escheresque-dark.png"); }
    .pattern.pattern7 { background-image: url("../image/pattern/fabric-1-dark.png"); }
    .pattern.pattern8 { background-image: url("../image/pattern/fake-brick.png"); }
    .pattern.pattern9 { background-image: url("../image/pattern/inspiration-geometry.png"); }
    .pattern.pattern10 { background-image: url("../image/pattern/low-contrast-linen.png"); }
    .pattern.pattern11 { background-image: url("../image/pattern/maze-black.png"); }
    .pattern.pattern12 { background-image: url("../image/pattern/outlets.png"); }
    .pattern.pattern13 { background-image: url("../image/pattern/shattered.png"); }
    .pattern.pattern14 { background-image: url("../image/pattern/translucent-fibres.png"); }
    .pattern.pattern15 { background-image: url("../image/pattern/diagmonds.png"); }
/* ----------------------------
 *
 * Folded Corner Note
 *
 * --------------------------- */
.note { position: relative; padding: 8px 25px 8px 15px; overflow: hidden; }
    .note:before { content: ""; position: absolute; top: 0; right: 0; border-width: 0 16px 16px 0; border-style: solid; border-color: transparent transparent transparent transparent; }
    .note.note-rounded { border-radius: 3px 0px 3px 3px; }
        .note.note-rounded:before { border-width: 8px; border-radius: 0 0 0 3px; }
    .note.note-default { background: #dde4e6; color: #444444; }
        .note.note-default:before { border-color: #ecf0f1 #ecf0f1 #c3d0d3 #c3d0d3; }
    .note.note-primary { background: #00b1e1; color: #ffffff; }
        .note.note-primary:before { border-color: #ecf0f1 #ecf0f1 #0091b8 #0091b8; }
    .note.note-info { background: #63d3e9; color: #ffffff; }
        .note.note-info:before { border-color: #ecf0f1 #ecf0f1 #3fc9e4 #3fc9e4; }
    .note.note-success { background: #91c854; color: #ffffff; }
        .note.note-success:before { border-color: #ecf0f1 #ecf0f1 #7db83b #7db83b; }
    .note.note-warning { background: #ffd66a; color: #ffffff; }
        .note.note-warning:before { border-color: #ecf0f1 #ecf0f1 #ffcb41 #ffcb41; }
    .note.note-danger { background: #ed5466; color: #ffffff; }
        .note.note-danger:before { border-color: #ecf0f1 #ecf0f1 #e92f45 #e92f45; }
    .note.note-inverse { background: #2a2a2a; color: #ffffff; }
        .note.note-inverse:before { border-color: #ecf0f1 #ecf0f1 #161616 #161616; }
.bgcolor-white .note.note-default:before,
.bgcolor-white .note.note-primary:before,
.bgcolor-white .note.note-info:before,
.bgcolor-white .note.note-success:before,
.bgcolor-white .note.note-warning:before,
.bgcolor-white .note.note-danger:before,
.bgcolor-white .note.note-inverse:before { border-top-color: #ffffff; border-right-color: #ffffff; }
/* ----------------------------
 *
 * Offcanvas
 *
 * --------------------------- */
.offcanvas-container { position: relative; width: 100%; height: 100%; overflow: hidden; }
    .offcanvas-container .offcanvas-wrapper { position: absolute; z-index: 1; left: 0px; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform, left; -o-transition-property: -o-transform, left; transition-property: transform, left; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }
    .offcanvas-container .offcanvas-content { position: absolute; top: 0px; width: 100%; height: 100%; }
    .offcanvas-container .offcanvas-left { position: absolute; z-index: 2; top: 0px; left: -100%; width: 100%; height: 100%; }
    .offcanvas-container .offcanvas-right { position: absolute; z-index: 2; top: 0px; left: 100%; width: 100%; height: 100%; }
    .offcanvas-container.offcanvas-open-rtl .offcanvas-wrapper { left: 100%; -webkit-transition: left 0.2s ease; -o-transition: left 0.2s ease; transition: left 0.2s ease; }
    .offcanvas-container.offcanvas-open-ltr .offcanvas-wrapper { left: -100%; -webkit-transition: left 0.2s ease; -o-transition: left 0.2s ease; transition: left 0.2s ease; }
.csstransforms3d .offcanvas-container.offcanvas-open-ltr .offcanvas-wrapper { left: auto; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 0.2s ease; -o-transition: -o-transform 0.2s ease; transition: transform 0.2s ease; }
.csstransforms3d .offcanvas-container.offcanvas-open-rtl .offcanvas-wrapper { left: auto; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.2s ease; -o-transition: -o-transform 0.2s ease; transition: transform 0.2s ease; }
.no-csstransforms3d .offcanvas-container.offcanvas-open-ltr .offcanvas-wrapper { left: 100%; }
.no-csstransforms3d .offcanvas-container.offcanvas-open-rtl .offcanvas-wrapper { left: -100%; }
.switch { vertical-align: middle; margin-bottom: 0; line-height: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .switch input { position: absolute; opacity: 0; }
        .switch input ~ .text { display: inline-block; font-weight: 400; line-height: 24px; vertical-align: middle; }
        .switch input ~ .switch { font-size: 24px; position: relative; display: inline-block; vertical-align: middle; background-color: #fafafa; -webkit-box-shadow: inset 0 0 0 1px #e5e5e5; box-shadow: inset 0 0 0 1px #e5e5e5; cursor: pointer; height: 24px; width: 38.4px; border-radius: 28px; -webkit-transition: border 0.25s 0.15s, -webkit-box-shadow 0.25s 0.3s, padding 0.25s; -o-transition: border 0.25s 0.15s, box-shadow 0.25s 0.3s, padding 0.25s; transition: border 0.25s 0.15s, box-shadow 0.25s 0.3s, padding 0.25s; }
            .switch input ~ .switch:after { position: absolute; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 24px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.01), 0 2px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.01), 0 2px 4px rgba(0, 0, 0, 0.05); content: ''; display: block; height: 24px; width: 24px; left: 0; top: 0; -webkit-transition: border .25s .15s, left .25s .1s, right .15s .175s; -o-transition: border .25s .15s, left .25s .1s, right .15s .175s; transition: border .25s .15s, left .25s .1s, right .15s .175s; }
        .switch input:checked ~ .switch { border-color: #91c854; -webkit-box-shadow: inset 0 0 0 0.6em #91c854; box-shadow: inset 0 0 0 0.6em #91c854; -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s, padding 0.25s 0.15s; -o-transition: border 0.25s, box-shadow 0.25s, padding 0.25s 0.15s; transition: border 0.25s, box-shadow 0.25s, padding 0.25s 0.15s; }
            .switch input:checked ~ .switch:after { border-color: #91c854; left: 0.6em; right: 0; -webkit-transition: border .25s, left .15s .25s, right .25s .175s; -o-transition: border .25s, left .15s .25s, right .25s .175s; transition: border .25s, left .15s .25s, right .25s .175s; }
    .switch.switch-primary input:checked ~ .switch { border-color: #00b1e1; -webkit-box-shadow: inset 0 0 0 0.6em #00b1e1; box-shadow: inset 0 0 0 0.6em #00b1e1; }
        .switch.switch-primary input:checked ~ .switch:after { border-color: #00b1e1; }
    .switch.switch-info input:checked ~ .switch { border-color: #63d3e9; -webkit-box-shadow: inset 0 0 0 0.6em #63d3e9; box-shadow: inset 0 0 0 0.6em #63d3e9; }
        .switch.switch-info input:checked ~ .switch:after { border-color: #63d3e9; }
    .switch.switch-success input:checked ~ .switch { border-color: #91c854; -webkit-box-shadow: inset 0 0 0 0.6em #91c854; box-shadow: inset 0 0 0 0.6em #91c854; }
        .switch.switch-success input:checked ~ .switch:after { border-color: #91c854; }
    .switch.switch-warning input:checked ~ .switch { border-color: #ffd66a; -webkit-box-shadow: inset 0 0 0 0.6em #ffd66a; box-shadow: inset 0 0 0 0.6em #ffd66a; }
        .switch.switch-warning input:checked ~ .switch:after { border-color: #ffd66a; }
    .switch.switch-danger input:checked ~ .switch { border-color: #ed5466; -webkit-box-shadow: inset 0 0 0 0.6em #ed5466; box-shadow: inset 0 0 0 0.6em #ed5466; }
        .switch.switch-danger input:checked ~ .switch:after { border-color: #ed5466; }
    .switch.switch-lg input ~ .text { line-height: 28px; }
    .switch.switch-lg input ~ .switch { font-size: 28px; height: 28px; width: 44.8px; border-radius: 28px; }
        .switch.switch-lg input ~ .switch:after { border-radius: 28px; height: 28px; width: 28px; }
    .switch.switch-sm input ~ .text { line-height: 20px; }
    .switch.switch-sm input ~ .switch { font-size: 20px; height: 20px; width: 32px; border-radius: 20px; }
        .switch.switch-sm input ~ .switch:after { border-radius: 20px; height: 20px; width: 20px; }
    .switch.switch-xs input ~ .text { line-height: 16px; }
    .switch.switch-xs input ~ .switch { font-size: 16px; height: 16px; width: 25.6px; border-radius: 16px; }
        .switch.switch-xs input ~ .switch:after { border-radius: 16px; height: 16px; width: 16px; }
.popover { font-family: 'Open Sans', sans-serif; font-size: 13px; border: 1px solid #cfd9db; border-radius: 3px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.popover-title { font-size: 13px; border-bottom: #cfd9db; border-radius: 2px 2px 0 0; }
.popover.top > .arrow { border-top-color: #cfd9db; }
.popover.right > .arrow { border-right-color: #cfd9db; }
.popover.bottom > .arrow { border-bottom-color: #cfd9db; }
.popover.left > .arrow { border-left-color: #cfd9db; }