.error-msg {
    max-width: 300px;
    text-align: left;
}

/*Custom*/

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-none {
    float: none;
}

.float-inherit {
    float: inherit;
}

.pt10px {
    padding-top: 10px;
}

.pr10px {
    padding-right: 10px;
}

.pb10px {
    padding-bottom: 10px;
}

.pl10px {
    padding-left: 10px;
}

.pt20px {
    padding-top: 20px;
}

.pr20px {
    padding-right: 20px;
}

.pb20px {
    padding-bottom: 20px;
}

.pl20px {
    padding-left: 20px;
}

.pt25px {
    padding-top: 25px;
}

.pr25px {
    padding-right: 25px;
}

.pb25px {
    padding-bottom: 25px;
}

.pl25px {
    padding-left: 25px;
}

.pt30px {
    padding-top: 30px;
}

.pr30px {
    padding-right: 30px;
}

.pb30px {
    padding-bottom: 30px;
}

.pl30px {
    padding-left: 30px;
}

.mt10px {
    margin-top: 10px;
}

.mr10px {
    margin-right: 10px;
}

.mb10px {
    margin-bottom: 10px;
}

.ml10px {
    margin-left: 10px;
}

.mt20px {
    margin-top: 20px;
}

.mr20px {
    margin-right: 20px;
}

.mb20px {
    margin-bottom: 20px;
}

.ml20px {
    margin-left: 20px;
}


.navbar-nav > li > .dropdown-menu {
    margin-top: 25px;
}

#sidebar > ul {
    padding: 10px 0 0 19px;
}


#sidebar .nav-list li.nav-header {
    text-shadow: none;
    text-transform: uppercase;
    padding: 10px 0;
}

.nav-list .nav-header {
    margin: 0;
    padding: 3px 0;
}

.nav-list li {
    background: url(../images/icons/BG-dotted-light.gif) repeat-x scroll left bottom transparent;
    color: #97999b;
    text-transform: uppercase;
}

.nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    color: #97999b;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.widget .nav-list > li > a {
    color: #53565a;
    padding-bottom: 8px;
}

.nav-list li a {
    margin: 0;
    padding: 10px 5px;
}

#sidebar .nav-list li.nav-header {
    text-shadow: none;
    text-transform: uppercase;
}


/*Timeline*/

.Timeline {
    display: flex;
    align-items: center;
    height: 200px;
    position: relative;
    /*border:1px solid #bdbaad;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);*/
    padding: 10px;
    margin-bottom: 10px;
}

    .Timeline .event1,
    .Timeline .event2,
    .Timeline .event3,
    .Timeline .event4,
    .Timeline .event5,
    .Timeline .event6,
    .Timeline .event7,
    .Timeline .event8,
    .Timeline .event9,
    .Timeline .event10,
    .Timeline .event11,
    .Timeline .event12,
    .Timeline .event13,
    .Timeline .event14,
    .Timeline .event15 {
        position: relative;
    }

    .Timeline .event1Bubble {
        position: absolute;
        background-color: rgba(158, 158, 158, 0.1);
        width: 139px;
        height: 60px;
        top: -70px;
        left: -15px;
        border-radius: 5px;
        box-shadow: inset 0 0 5px rgba(158, 158, 158, 0.64)
    }

    .Timeline .event2Bubble {
        position: absolute;
        background-color: rgba(158, 158, 158, 0.1);
        width: 139px;
        height: 60px;
        left: -105px;
        top: 33px;
        border-radius: 5px;
        box-shadow: inset 0 0 5px rgba(158, 158, 158, 0.64)
    }

        .Timeline .event1Bubble:after,
        .Timeline .event1Bubble:before,
        .Timeline .event2Bubble:after,
        .Timeline .event2Bubble:before {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent;
            border-bottom: 0;
        }

    .Timeline .event1Bubble:before {
        bottom: -10px;
        left: 13px;
        border-top-color: rgba(222, 222, 222, 0.66);
        border-width: 12px;
    }

    .Timeline .event1Bubble:after {
        bottom: -12px;
        left: 13px;
        border-top-color: #F6F6F6;
        border-width: 12px;
    }

    .Timeline .event2Bubble:before {
        bottom: 59px;
        left: 103px;
        border-top-color: rgba(222, 222, 222, 0.66);
        border-width: 12px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .Timeline .event2Bubble:after {
        bottom: 60px;
        left: 103px;
        border-top-color: #F6F6F6;
        border-width: 12px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .Timeline .eventTime {
        display: flex;
        padding-top: 5px;
    }

    .Timeline .page-header {
        position: absolute;
        top: -15px;
        right: 10px;
        font-size: 14px;
        font-weight: bold;
    }

        .Timeline .page-header h1 {
            color: #05589D;
            font-size: 24px;
            line-height: 26px;
            margin: 8px 0;
            font-family: inherit;
            font-weight: bold;
            text-rendering: optimizelegibility;
        }


    .Timeline .DayDigit {
        font-size: 27px;
        font-family: "Arial Black", Gadget, sans-serif;
        margin-left: 10px;
        color: #4C4A4A;
    }

    .Timeline .Day {
        font-size: 11px;
        margin-left: 5px;
        font-weight: bold;
        margin-top: 10px;
        font-family: Arial, Helvetica, sans-serif;
        color: #4C4A4A;
    }

    .Timeline .MonthYear {
        font-weight: 600;
        line-height: 10px;
        color: #9E9E9E;
        font-size: 9px;
    }

    .Timeline .message {
        cursor: pointer;
    }

    .Timeline .eventTitle {
        font-family: "Arial Black", Gadget, sans-serif;
        color: #a71930;
        font-size: 9px;
        display: flex;
        flex: 1;
        align-items: center;
        margin-left: 12px;
        margin-top: -2px;
        position: relative;
    }

        .Timeline .eventTitle .others .message {
            font-size: 9px;
            visibility: hidden;
            opacity: 0;
            transition: visibility 0s, opacity 0.5s linear;
            width: 100%;
            float: left;
            padding-left: 10px;
            background-color: rgba(158, 158, 158, 0.1);
            z-index: 99999999;
        }

        .Timeline .eventTitle .others {
            position: absolute;
            top: 20px;
            left: 0;
            left: -111px;
            width: 128px;
            z-index: 9;
        }

        .Timeline .eventTitle .messages {
            position: absolute;
            right: 17px;
            bottom: 0px;
            cursor: pointer;
        }

    .Timeline .eventbubble:hover .message {
        visibility: visible;
        opacity: 1;
    }


    .Timeline .time {
        position: absolute;
        font-family: Arial, Helvetica, sans-serif;
        width: 50px;
        font-size: 8px;
        margin-top: -3px;
        margin-left: -5px;
        color: #9E9E9E;
    }

    .Timeline .eventAuthor {
        position: absolute;
        font-family: Arial, Helvetica, sans-serif;
        color: #9E9E9E;
        font-size: 8px;
        width: 100px;
        top: -8px;
        left: 63px;
    }

    .Timeline .event2Author {
        position: absolute;
        font-family: Arial, Helvetica, sans-serif;
        color: #9E9E9E;
        font-size: 8px;
        width: 100px;
        top: 96px;
        left: -32px;
    }

    .Timeline .time2 {
        position: absolute;
        font-family: Arial, Helvetica, sans-serif;
        width: 50px;
        font-size: 8px;
        margin-top: -31px;
        margin-left: -5px;
        color: #9E9E9E;
    }

    .Timeline .now {
        background-color: #004165;
        color: white;
        border-radius: 7px;
        margin: 5px;
        padding: 4px;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        border: 2px solid white;
        font-weight: bold;
        box-shadow: 0 0 0 2px #004165
    }

    .Timeline .futureGray {
        filter: grayscale(1);
        -webkit-filter: grayscale(1);
    }

    .Timeline .futureOpacity {
        /*-webkit-filter: opacity(.3);
        filter: opacity(.3);*/
    }


/*Timeline*/

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

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

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

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

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

    .row-fluid .controls-row [class*="span"] + [class*="span"] {
        margin-left: 2.127659574468085%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .row-fluid .offset1:first-child {
            margin-left: 8.51063829787234%;
            *margin-left: 8.404255319148937%;
        }
    [class*="span"].hide,
    .row-fluid [class*="span"].hide {
        display: none;
    }

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

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

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

    .controls-row [class*="span"],
    .row-fluid .controls-row [class*="span"] {
        float: left;
    }

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

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





/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"],
[class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    /* sprites.less reset */
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
    background-image: none;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
    display: inline-block;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
    vertical-align: -10%;
    font-size: 1.3333333333333332em;
}

.btn [class^="icon-"],
.nav [class^="icon-"],
.btn [class*=" icon-"],
.nav [class*=" icon-"] {
    display: inline;
    /* keeps button heights with and without icons the same */
}

    .btn [class^="icon-"].icon-large,
    .nav [class^="icon-"].icon-large,
    .btn [class*=" icon-"].icon-large,
    .nav [class*=" icon-"].icon-large {
        line-height: .9em;
    }

    .btn [class^="icon-"].icon-spin,
    .nav [class^="icon-"].icon-spin,
    .btn [class*=" icon-"].icon-spin,
    .nav [class*=" icon-"].icon-spin {
        display: inline-block;
    }

.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"] {
    /* keeps button heights with and without icons the same */
}

    .nav-tabs [class^="icon-"],
    .nav-pills [class^="icon-"],
    .nav-tabs [class*=" icon-"],
    .nav-pills [class*=" icon-"],
    .nav-tabs [class^="icon-"].icon-large,
    .nav-pills [class^="icon-"].icon-large,
    .nav-tabs [class*=" icon-"].icon-large,
    .nav-pills [class*=" icon-"].icon-large {
        line-height: .9em;
    }

li [class^="icon-"],
.nav li [class^="icon-"],
li [class*=" icon-"],
.nav li [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}

    li [class^="icon-"].icon-large,
    .nav li [class^="icon-"].icon-large,
    li [class*=" icon-"].icon-large,
    .nav li [class*=" icon-"].icon-large {
        /* increased font size for icon-large */
        width: 1.5625em;
    }

ul.icons {
    list-style-type: none;
    text-indent: -0.75em;
}

    ul.icons li [class^="icon-"],
    ul.icons li [class*=" icon-"] {
        width: .75em;
    }

.icon-muted {
    color: #eeeeee;
}

.icon-border {
    border: solid 1px #eeeeee;
    padding: .2em .25em .15em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.icon-2x {
    font-size: 2em;
}

    .icon-2x.icon-border {
        border-width: 2px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

.icon-3x {
    font-size: 3em;
}

    .icon-3x.icon-border {
        border-width: 3px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

.icon-4x {
    font-size: 4em;
}

    .icon-4x.icon-border {
        border-width: 4px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
    margin-right: .3em;
}

[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
    margin-left: .3em;
}

.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
    margin-top: .18em;
}

.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
    line-height: .8em;
}

.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
    margin-top: .25em;
}

.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
    margin-top: 0;
}

    .btn.btn-large [class^="icon-"].pull-left.icon-2x,
    .btn.btn-large [class*=" icon-"].pull-left.icon-2x,
    .btn.btn-large [class^="icon-"].pull-right.icon-2x,
    .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
        margin-top: .05em;
    }

    .btn.btn-large [class^="icon-"].pull-left.icon-2x,
    .btn.btn-large [class*=" icon-"].pull-left.icon-2x {
        margin-right: .2em;
    }

    .btn.btn-large [class^="icon-"].pull-right.icon-2x,
    .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
        margin-left: .2em;
    }

.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

@-moz-document url-prefix() {
    .icon-spin {
        height: .9em;
    }

    .btn .icon-spin {
        height: auto;
    }

    .icon-spin.icon-large {
        height: 1.25em;
    }

    .btn .icon-spin.icon-large {
        height: .75em;
    }
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before {
    content: "\f000";
}

.icon-music:before {
    content: "\f001";
}

.icon-search:before {
    content: "\f002";
}

.icon-envelope:before {
    content: "\f003";
}

.icon-heart:before {
    content: "\f004";
}

.icon-star:before {
    content: "\f005";
}

.icon-star-empty:before {
    content: "\f006";
}

.icon-user:before {
    content: "\f007";
}

.icon-film:before {
    content: "\f008";
}

.icon-th-large:before {
    content: "\f009";
}

.icon-th:before {
    content: "\f00a";
}

.icon-th-list:before {
    content: "\f00b";
}

.icon-ok:before {
    content: "\f00c";
}

.icon-remove:before {
    content: "\f00d";
}

.icon-zoom-in:before {
    content: "\f00e";
}

.icon-zoom-out:before {
    content: "\f010";
}

.icon-off:before {
    content: "\f011";
}

.icon-signal:before {
    content: "\f012";
}

.icon-cog:before {
    content: "\f013";
}

.icon-trash:before {
    content: "\f014";
}

.icon-home:before {
    content: "\f015";
}

.icon-file:before {
    content: "\f016";
}

.icon-time:before {
    content: "\f017";
}

.icon-road:before {
    content: "\f018";
}

.icon-download-alt:before {
    content: "\f019";
}

.icon-download:before {
    content: "\f01a";
}

.icon-upload:before {
    content: "\f01b";
}

.icon-inbox:before {
    content: "\f01c";
}

.icon-play-circle:before {
    content: "\f01d";
}

.icon-repeat:before {
    content: "\f01e";
}
/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before {
    content: "\f021";
}

.icon-list-alt:before {
    content: "\f022";
}

.icon-lock:before {
    content: "\f023";
}

.icon-flag:before {
    content: "\f024";
}

.icon-headphones:before {
    content: "\f025";
}

.icon-volume-off:before {
    content: "\f026";
}

.icon-volume-down:before {
    content: "\f027";
}

.icon-volume-up:before {
    content: "\f028";
}

.icon-qrcode:before {
    content: "\f029";
}

.icon-barcode:before {
    content: "\f02a";
}

.icon-tag:before {
    content: "\f02b";
}

.icon-tags:before {
    content: "\f02c";
}

.icon-book:before {
    content: "\f02d";
}

.icon-bookmark:before {
    content: "\f02e";
}

.icon-print:before {
    content: "\f02f";
}

.icon-camera:before {
    content: "\f030";
}

.icon-font:before {
    content: "\f031";
}

.icon-bold:before {
    content: "\f032";
}

.icon-italic:before {
    content: "\f033";
}

.icon-text-height:before {
    content: "\f034";
}

.icon-text-width:before {
    content: "\f035";
}

.icon-align-left:before {
    content: "\f036";
}

.icon-align-center:before {
    content: "\f037";
}

.icon-align-right:before {
    content: "\f038";
}

.icon-align-justify:before {
    content: "\f039";
}

.icon-list:before {
    content: "\f03a";
}

.icon-indent-left:before {
    content: "\f03b";
}

.icon-indent-right:before {
    content: "\f03c";
}

.icon-facetime-video:before {
    content: "\f03d";
}

.icon-picture:before {
    content: "\f03e";
}

.icon-pencil:before {
    content: "\f040";
}

.icon-map-marker:before {
    content: "\f041";
}

.icon-adjust:before {
    content: "\f042";
}

.icon-tint:before {
    content: "\f043";
}

.icon-edit:before {
    content: "\f044";
}

.icon-share:before {
    content: "\f045";
}

.icon-check:before {
    content: "\f046";
}

.icon-move:before {
    content: "\f047";
}

.icon-step-backward:before {
    content: "\f048";
}

.icon-fast-backward:before {
    content: "\f049";
}

.icon-backward:before {
    content: "\f04a";
}

.icon-play:before {
    content: "\f04b";
}

.icon-pause:before {
    content: "\f04c";
}

.icon-stop:before {
    content: "\f04d";
}

.icon-forward:before {
    content: "\f04e";
}

.icon-fast-forward:before {
    content: "\f050";
}

.icon-step-forward:before {
    content: "\f051";
}

.icon-eject:before {
    content: "\f052";
}

.icon-chevron-left:before {
    content: "\f053";
}

.icon-chevron-right:before {
    content: "\f054";
}

.icon-plus-sign:before {
    content: "\f055";
}

.icon-minus-sign:before {
    content: "\f056";
}

.icon-remove-sign:before {
    content: "\f057";
}

.icon-ok-sign:before {
    content: "\f058";
}

.icon-question-sign:before {
    content: "\f059";
}

.icon-info-sign:before {
    content: "\f05a";
}

.icon-screenshot:before {
    content: "\f05b";
}

.icon-remove-circle:before {
    content: "\f05c";
}

.icon-ok-circle:before {
    content: "\f05d";
}

.icon-ban-circle:before {
    content: "\f05e";
}

.icon-arrow-left:before {
    content: "\f060";
}

.icon-arrow-right:before {
    content: "\f061";
}

.icon-arrow-up:before {
    content: "\f062";
}

.icon-arrow-down:before {
    content: "\f063";
}

.icon-share-alt:before {
    content: "\f064";
}

.icon-resize-full:before {
    content: "\f065";
}

.icon-resize-small:before {
    content: "\f066";
}

.icon-plus:before {
    content: "\f067";
}

.icon-minus:before {
    content: "\f068";
}

.icon-asterisk:before {
    content: "\f069";
}

.icon-exclamation-sign:before {
    content: "\f06a";
}

.icon-gift:before {
    content: "\f06b";
}

.icon-leaf:before {
    content: "\f06c";
}

.icon-fire:before {
    content: "\f06d";
}

.icon-eye-open:before {
    content: "\f06e";
}

.icon-eye-close:before {
    content: "\f070";
}

.icon-warning-sign:before {
    content: "\f071";
}

.icon-plane:before {
    content: "\f072";
}

.icon-calendar:before {
    content: "\f073";
}

.icon-random:before {
    content: "\f074";
}

.icon-comment:before {
    content: "\f075";
}

.icon-magnet:before {
    content: "\f076";
}

.icon-chevron-up:before {
    content: "\f077";
}

.icon-chevron-down:before {
    content: "\f078";
}

.icon-retweet:before {
    content: "\f079";
}

.icon-shopping-cart:before {
    content: "\f07a";
}

.icon-folder-close:before {
    content: "\f07b";
}

.icon-folder-open:before {
    content: "\f07c";
}

.icon-resize-vertical:before {
    content: "\f07d";
}

.icon-resize-horizontal:before {
    content: "\f07e";
}

.icon-bar-chart:before {
    content: "\f080";
}

.icon-twitter-sign:before {
    content: "\f081";
}

.icon-facebook-sign:before {
    content: "\f082";
}

.icon-camera-retro:before {
    content: "\f083";
}

.icon-key:before {
    content: "\f084";
}

.icon-cogs:before {
    content: "\f085";
}

.icon-comments:before {
    content: "\f086";
}

.icon-thumbs-up:before {
    content: "\f087";
}

.icon-thumbs-down:before {
    content: "\f088";
}

.icon-star-half:before {
    content: "\f089";
}

.icon-heart-empty:before {
    content: "\f08a";
}

.icon-signout:before {
    content: "\f08b";
}

.icon-linkedin-sign:before {
    content: "\f08c";
}

.icon-pushpin:before {
    content: "\f08d";
}

.icon-external-link:before {
    content: "\f08e";
}

.icon-signin:before {
    content: "\f090";
}

.icon-trophy:before {
    content: "\f091";
}

.icon-github-sign:before {
    content: "\f092";
}

.icon-upload-alt:before {
    content: "\f093";
}

.icon-lemon:before {
    content: "\f094";
}

.icon-phone:before {
    content: "\f095";
}

.icon-check-empty:before {
    content: "\f096";
}

.icon-bookmark-empty:before {
    content: "\f097";
}

.icon-phone-sign:before {
    content: "\f098";
}

.icon-twitter:before {
    content: "\f099";
}

.icon-facebook:before {
    content: "\f09a";
}

.icon-github:before {
    content: "\f09b";
}

.icon-unlock:before {
    content: "\f09c";
}

.icon-credit-card:before {
    content: "\f09d";
}

.icon-rss:before {
    content: "\f09e";
}

.icon-hdd:before {
    content: "\f0a0";
}

.icon-bullhorn:before {
    content: "\f0a1";
}

.icon-bell:before {
    content: "\f0a2";
}

.icon-certificate:before {
    content: "\f0a3";
}

.icon-hand-right:before {
    content: "\f0a4";
}

.icon-hand-left:before {
    content: "\f0a5";
}

.icon-hand-up:before {
    content: "\f0a6";
}

.icon-hand-down:before {
    content: "\f0a7";
}

.icon-circle-arrow-left:before {
    content: "\f0a8";
}

.icon-circle-arrow-right:before {
    content: "\f0a9";
}

.icon-circle-arrow-up:before {
    content: "\f0aa";
}

.icon-circle-arrow-down:before {
    content: "\f0ab";
}

.icon-globe:before {
    content: "\f0ac";
}

.icon-wrench:before {
    content: "\f0ad";
}

.icon-tasks:before {
    content: "\f0ae";
}

.icon-filter:before {
    content: "\f0b0";
}

.icon-briefcase:before {
    content: "\f0b1";
}

.icon-fullscreen:before {
    content: "\f0b2";
}

.icon-group:before {
    content: "\f0c0";
}

.icon-link:before {
    content: "\f0c1";
}

.icon-cloud:before {
    content: "\f0c2";
}

.icon-beaker:before {
    content: "\f0c3";
}

.icon-cut:before {
    content: "\f0c4";
}

.icon-copy:before {
    content: "\f0c5";
}

.icon-paper-clip:before {
    content: "\f0c6";
}

.icon-save:before {
    content: "\f0c7";
}

.icon-sign-blank:before {
    content: "\f0c8";
}

.icon-reorder:before {
    content: "\f0c9";
}

.icon-list-ul:before {
    content: "\f0ca";
}

.icon-list-ol:before {
    content: "\f0cb";
}

.icon-strikethrough:before {
    content: "\f0cc";
}

.icon-underline:before {
    content: "\f0cd";
}

.icon-table:before {
    content: "\f0ce";
}

.icon-magic:before {
    content: "\f0d0";
}

.icon-truck:before {
    content: "\f0d1";
}

.icon-pinterest:before {
    content: "\f0d2";
}

.icon-pinterest-sign:before {
    content: "\f0d3";
}

.icon-google-plus-sign:before {
    content: "\f0d4";
}

.icon-google-plus:before {
    content: "\f0d5";
}

.icon-money:before {
    content: "\f0d6";
}

.icon-caret-down:before {
    content: "\f0d7";
}

.icon-caret-up:before {
    content: "\f0d8";
}

.icon-caret-left:before {
    content: "\f0d9";
}

.icon-caret-right:before {
    content: "\f0da";
}

.icon-columns:before {
    content: "\f0db";
}

.icon-sort:before {
    content: "\f0dc";
}

.icon-sort-down:before {
    content: "\f0dd";
}

.icon-sort-up:before {
    content: "\f0de";
}

.icon-envelope-alt:before {
    content: "\f0e0";
}

.icon-linkedin:before {
    content: "\f0e1";
}

.icon-undo:before {
    content: "\f0e2";
}

.icon-legal:before {
    content: "\f0e3";
}

.icon-dashboard:before {
    content: "\f0e4";
}

.icon-comment-alt:before {
    content: "\f0e5";
}

.icon-comments-alt:before {
    content: "\f0e6";
}

.icon-bolt:before {
    content: "\f0e7";
}

.icon-sitemap:before {
    content: "\f0e8";
}

.icon-umbrella:before {
    content: "\f0e9";
}

.icon-paste:before {
    content: "\f0ea";
}

.icon-lightbulb:before {
    content: "\f0eb";
}

.icon-exchange:before {
    content: "\f0ec";
}

.icon-cloud-download:before {
    content: "\f0ed";
}

.icon-cloud-upload:before {
    content: "\f0ee";
}

.icon-user-md:before {
    content: "\f0f0";
}

.icon-stethoscope:before {
    content: "\f0f1";
}

.icon-suitcase:before {
    content: "\f0f2";
}

.icon-bell-alt:before {
    content: "\f0f3";
}

.icon-coffee:before {
    content: "\f0f4";
}

.icon-food:before {
    content: "\f0f5";
}

.icon-file-alt:before {
    content: "\f0f6";
}

.icon-building:before {
    content: "\f0f7";
}

.icon-hospital:before {
    content: "\f0f8";
}

.icon-ambulance:before {
    content: "\f0f9";
}

.icon-medkit:before {
    content: "\f0fa";
}

.icon-fighter-jet:before {
    content: "\f0fb";
}

.icon-beer:before {
    content: "\f0fc";
}

.icon-h-sign:before {
    content: "\f0fd";
}

.icon-plus-sign-alt:before {
    content: "\f0fe";
}

.icon-double-angle-left:before {
    content: "\f100";
}

.icon-double-angle-right:before {
    content: "\f101";
}

.icon-double-angle-up:before {
    content: "\f102";
}

.icon-double-angle-down:before {
    content: "\f103";
}

.icon-angle-left:before {
    content: "\f104";
}

.icon-angle-right:before {
    content: "\f105";
}

.icon-angle-up:before {
    content: "\f106";
}

.icon-angle-down:before {
    content: "\f107";
}

.icon-desktop:before {
    content: "\f108";
}

.icon-laptop:before {
    content: "\f109";
}

.icon-tablet:before {
    content: "\f10a";
}

.icon-mobile-phone:before {
    content: "\f10b";
}

.icon-circle-blank:before {
    content: "\f10c";
}

.icon-quote-left:before {
    content: "\f10d";
}

.icon-quote-right:before {
    content: "\f10e";
}

.icon-spinner:before {
    content: "\f110";
}

.icon-circle:before {
    content: "\f111";
}

.icon-reply:before {
    content: "\f112";
}

.icon-github-alt:before {
    content: "\f113";
}

.icon-folder-close-alt:before {
    content: "\f114";
}

.icon-folder-open-alt:before {
    content: "\f115";
}
/*  Font Awesome styles*/

.btn-toolbar h1 {
    color: #002D72 !important;
    font-size: 24px;
    line-height: 26px;
    margin: 8px 0;
}

.page-header h1 {
    color: #002D72 !important; 
    margin: 8px 0;
    font-size: 36px;
    line-height: 40px;
}

 


.form-horizontal .control-group {
    margin-bottom: 16px;
    *zoom: 1;
}

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

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

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 8px;
    text-align: right;
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 180px;
    *margin-left: 0;
}

    .form-horizontal .controls:first-child {
        *padding-left: 180px;
    }

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

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
    margin-top: 8px;
}

.form-horizontal .form-actions {
    padding-left: 180px;
}


.form-horizontal .control-label:after {
    content: ':';
}

.form-horizontal .controls {
    margin-left: 170px;
    *margin-left: 0px;
}

.form-horizontal .controls {
    padding-top: 5px;
}

.form-horizontal .controls {
    margin-left: 200px;
}

.form-container {
    /*border: 1px solid #CCCCCC;*/
    font-size: 12px;
    margin: 0;
}

    .form-container fieldset {
        padding: 20px 20px 0;
    }

    .form-container .control-group {
        /*background: url("../images/BG-dotted-light.gif") repeat-x scroll 0 0 transparent;*/
        margin-bottom: 0;
        padding: 8px 0;
    }

        .form-container .control-group:first-child {
            background: none repeat scroll 0 0 transparent;
            padding-top: 0;
        }

    .form-container .form-actions {
        padding-left: 220px;
    }

.form-actions {
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 10px;
}

.required {
    color: #FF0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.none {
    display: none !important;
}

html {
    overflow-x: hidden;
}

#stateInformation {
    width: 280px;
    height: 470px;
    background-color: #f5f5f5;
    border-radius: 5px;
}

.mr5 {
    margin-right: 5px;
}

.ml0 {
    margin-left: 0px !important;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.userInfoBar {
    padding: 10px;
    text-transform: none;
    border-bottom: 1px solid #eee;
}

    .userInfoBar .userInfoTag {
        font-weight: bold;
        color: #19a79e;
    }

.dib {
    display: inline-block;
}

.rightButtons {
    text-align: right;
    margin-right: 10px;
    margin-top: 10px;
}

.pl5 {
    padding-left: 5px;
}

.pr5 {
    padding-right: 5px;
}

.verticalArea {
    margin: auto;
    display: table;
    vertical-align: middle;
    height: 100%;
}

.verticalObject {
    display: table-cell;
    vertical-align: middle;
}

.loader {
    color: grey;
    font-size: 70px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    --margin: 72px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease;
    animation: load6 1.7s infinite ease;
}

@-webkit-keyframes load6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes load6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

 

    #gridContainer .nav {
        margin-bottom: 0px !important;
    }

.nav {
    margin-bottom: 8px !important;
}

.btn-toolbar {
    margin-top: 3px !important;
    margin-bottom: 5px !important;
    padding-left:5px;
}

.package-tracking .w50 {
    width: 50%;
}

.package-tracking.row-fluid [class*="span"] {
    margin-left: 0px;
}

.package-tracking .form-horizontal {
    width: 100%;
    display: inline-block;
}

    .package-tracking .form-horizontal .control-label {
        width: 135px;
    }

.package-tracking input[type="file"].input-large {
    width: 210px;
}

.package-tracking .form-container .form-actions {
    padding-left: 0px !important;
    text-align: center;
}

.package-tracking .log-container {
    padding: 0 10px 10px 10px
}

.blockage-requests.row-fluid .span6 {
    width: 50%;
}

.blockage-requests.row-fluid [class*="span"] {
    margin-left: 0px;
}

.blockage-requests .nav-tabs a {
    cursor: pointer;
}

.blockage-requests .tab-content {
    height: 251px;
    overflow: hidden;
}

.blockage-requests .tabbable {
    padding: 10px;
}

.blockage-requests .nav {
    margin-bottom: 5px;
}

.blockage-requests .form-container .form-actions {
    padding-left: 0px !important;
    text-align: center;
}

.cancel-requests.row-fluid .span6 {
    width: 50%;
}

.cancel-requests.row-fluid [class*="span"] {
    margin-left: 0px;
}

.cancel-requests .nav-tabs a {
    cursor: pointer;
}

.cancel-requests .tab-content {
    height: 250px;
}

.cancel-requests .tabbable {
    padding: 10px;
}

.cancel-requests .nav {
    margin-bottom: 5px;
}

.cancel-requests .form-container .form-actions {
    padding-left: 0px !important;
    text-align: center;
}

.btn-toolbar .title {
    float: right;
    font-size: 20px;
    padding-right: 3px;
    margin-top: 12px;
}

.firstFieldset fieldset {
    padding: 10px 12px 10px 10px !important;
}

.secondFieldset fieldset {
    padding: 10px 10px 10px 12px !important;
}

.account-edit-dialog {
    background-color: white;
    padding: 10px;
    width: 700px;
}

    .account-edit-dialog .form-container {
        float: left;
    }

        .account-edit-dialog .form-container .form-container {
            padding: 0px !important;
        }

        .account-edit-dialog .form-container fieldset {
            padding: 0px !important;
        }

    .account-edit-dialog .accountDialog {
        padding: 10px;
    }

.accountDialog .rightFieldset .control-label {
    width: 80px !important;
}

.accountDialog .rightFieldset .controls {
    margin-left: 90px !important;
}

.foreclosureForm .foreclosureEditor {
    width: 100%;
    float: left;
}

.blockageForm .blockageEditor {
    width: 100%;
    float: left;
}

.edit-blockages-dialog {
    background-color: white;
    padding: 10px;
    width: 810px;
}

    .edit-blockages-dialog.row-fluid [class*="span"] {
        margin-left: 0px !important;
    }

    .edit-blockages-dialog .accountsGrid {
        padding: 0 10px;
    }

    .edit-blockages-dialog fieldset.span6 {
        padding: 0px !important;
    }

    .edit-blockages-dialog .inputs {
        padding: 10px;
    }

    .edit-blockages-dialog .form-container .form-actions {
        padding-left: 350px !important;
    }

    .edit-blockages-dialog .blockagesDialog {
        padding: 10px;
    }

.edit-foreclosures-dialog {
    background-color: white;
    padding: 10px;
    width: 850px;
}

    .edit-foreclosures-dialog.row-fluid [class*="span"] {
        margin-left: 0px !important;
    }

    .edit-foreclosures-dialog .accountsGrid {
        padding: 0 10px;
    }

    .edit-foreclosures-dialog fieldset.span6 {
        padding: 0px !important;
    }

    .edit-foreclosures-dialog .inputs {
        padding: 10px;
    }

    .edit-foreclosures-dialog .form-container .form-actions {
        padding-left: 350px !important;
    }

    .edit-foreclosures-dialog .blockagesDialog {
        padding: 10px;
    }

.edit-request-dialog {
    background-color: white;
    padding: 10px;
    width: 850px;
}

    .edit-request-dialog.row-fluid [class*="span"] {
        margin-left: 0px !important;
    }

    .edit-request-dialog fieldset.span6 {
        padding: 0px !important;
    }

    .edit-request-dialog .inputs {
        padding: 10px;
    }

    .edit-request-dialog .form-container .form-actions {
        padding-left: 350px !important;
    }

    .edit-request-dialog .blockagesDialog {
        padding: 10px;
    }

.blockage-request-editor .tab-content .tab-pane .form-container {
    height: 305px;
}

.editBankPledges.row-fluid [class*="span"] {
    margin-left: 0px !important;
}

.new-blockage-request.row-fluid .span6 {
    width: 50%;
}

.new-blockage-request.row-fluid [class*="span"] {
    margin-left: 0px;
}

.new-blockage-request .form-horizontal .control-label {
    width: 111px;
}

.pledge-request.row-fluid .span6 {
    width: 50%;
}

.pledge-request.row-fluid [class*="span"] {
    margin-left: 0px;
}

.pledge-request .form-container .form-actions {
    padding-left: 0px !important;
    text-align: center;
}

.dashboard .row-fluid [class*="span"] {
    margin: 0px !important;
    padding: 0 5px;
}

.dashboard .row-fluid .span3 {
    width: 25%;
}

.dashboard .row-fluid .span9 {
    width: 75%;
}

.dashboard .notifications {
    height: 593px;
}

.dashboard #packageGrid {
    padding: 10px;
}

.dashboard .TimeRespond {
    float: right;
}

.dashboard .gibChart {
    width: 33%;
    display: inline-block;
    margin-top: 10px;
}

.dashboard .sgkChart {
    width: 33%;
    display: inline-block;
    margin-top: 10px;
}

.dashboard .tmsfChart {
    width: 33%;
    display: inline-block;
    margin-top: 10px;
}

.dashboard #charts .title {
    margin-left: 43%;
    font-weight: bold;
}

.dashboard #charts .content {
    padding: 0px !important;
}

.dashboard .gibCountdown {
    width: 33%;
    display: inline-block;
    margin-top: 10px;
}

.dashboard .sgkCountdown {
    width: 33%;
    display: inline-block;
    margin-top: 10px;
}

.dashboard .tmsfCountdown {
    width: 33%;
    display: inline-block;
    margin-top: 10px;
}

.dashboard #countdownWrapper .title {
    margin-left: 43%;
}

.dashboard #countdownWrapper .content {
    padding: 0px !important;
}

.dashboard .btn-toolbar .title {
    margin: 5px 0px !important;
}

.dashboard .btn-toolbar {
    margin: 0px !important;
}


@media (max-width: 1300px) {
    .btn-toolbar .text-right h1 {
        font-size: 20px;
        margin-top: 5px;
    }
}


@media (max-width: 1440px) {
    .btn-toolbar .text-right h1 {
        font-size: 22px;
        margin-top: 5px;
    }
}

@media (max-width: 1200px) {
    .btn-toolbar .text-right h1 {
        font-size: 18px;
        margin-top: 5px;
    }
}

@media (max-width: 1025px) {
    .btn-toolbar .text-right h1 {
        font-size: 16px;
        margin-top: 5px;
    }
}

.dashboard#content {
    padding: 10px 0px 0px 0px !important;
}

.dashboard .mycarousel-caption {
    border-bottom: 1px solid #e8e8e8
}

.borderBottom {
    background: url(../images/BG-dotted-light.gif) repeat-x scroll 0 0 transparent !important;
    margin-bottom: 0 !important;
    padding: 8px 0 !important;
}

#countdownWrapper .title {
    font-weight: bold;
}

.countdown {
    font-size: 28px;
    color: #394864;
    width: 200px;
    float: left;
    margin: 20px 0 20px 0;
    margin-left: 22%;
}

.tCell {
    width: 23%;
    float: left;
    text-align: center;
    line-height: 25px;
    color: white;
    padding: 10px;
    border-radius: 1px;
}

    .tCell.red {
        background-color: #f30b0b;
    }

    .tCell.green {
        background-color: #0fdd2c;
    }

    .tCell.yellow {
        background-color: #fcff00;
    }

.countdown .separator {
    width: 8px;
    float: left;
    text-align: center;
    padding: 0px 2px;
    line-height: 42px;
    padding-bottom: 28px;
    color: white;
}

    .countdown .separator.red {
        background-color: #f30b0b;
    }

    .countdown .separator.green {
        background-color: #0fdd2c;
    }

    .countdown .separator.yellow {
        background-color: #fcff00;
    }

.countdown .noPending {
    font-size: 12px;
    color: #fff;
    background-color: #0fdd2c;
    height: 50px;
    width: 144px;
    text-align: center;
    padding-top: 20px;
}

.countdown .second {
}

.countdown .tCell span {
    font-size: 11px;
    width: 100%;
    text-align: center;
    float: left;
}

.input-group-addon {
    width: 30px;
}

/** Easy Tree style */
.easy-tree {
    min-height: 20px;
    margin-bottom: 20px;
    color: #000;
    border: none;
    border-top: none;
    padding-bottom: 15px;
    display: none;
}

#page-tree > ul {
    margin-left: 5px !important;
    padding-inline-start:0!important;
}

.easy-tree.active {
    display: block;
}

.easy-tree > ul ul {
    padding: 0 0 0 0px !important;
}


.easy-tree li {
    list-style-type: none;
    margin: 0;
    padding: 5px 5px 0 5px;
    position: relative
}

    .easy-tree li::before, .easy-tree li::after {
        content: '';
        left: 0px;
        position: absolute;
        right: auto
    }

    .easy-tree li::before {
        border-left: 1px dotted #BCBCBC;
        bottom: 50px;
        height: 100%;
        top: 0;
        width: 1px
    }

    .easy-tree li::after {
        border-top: 1px dotted #BCBCBC;
        height: 20px;
        top: 15px;
        width: 9px;
    }

    .easy-tree li > span {
        border-radius: 3px;
        display: inline-block;
        padding: 5px;
        text-decoration: none
    }

    .easy-tree li.parent_li > span {
        cursor: pointer
    }

        .easy-tree li.parent_li > span .glyphicon {
            color: #BCBCBC;
            font-weight: 200;
        }


.easy-tree > ul > li::before, .easy-tree > ul > li::after {
    border: 0
}

.easy-tree li:last-child::before {
    height: 15px
}

.easy-tree li > span > a {
    color: #000;
    text-decoration: none;
}

.easy-tree li > span > span.glyphicon-folder-close, .easy-tree li > span > span.glyphicon-folder-open {
    margin-right: 5px;
}

.easy-tree li.li_selected > span, .easy-tree li.li_selected > span > a {
    background: #056dae;
    color: #fff;
}

    .easy-tree li.li_selected > span:hover, .easy-tree li.li_selected > span:hover > a {
        background: #056dae;
        color: #fff;
    }

/*inputfile*/

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 100%;
    font-size: 12px;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}




.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}

/* style 6 */

.inputfile-6 + label {
    color: #53565a;
}

.inputfile-6 + label {
    border: 1px solid #cccccc;
    background-color: #fff;
    padding: 0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

.error .inputfile-6 + label {
    border-color: red !important;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    border-color: #cccccc;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
    padding: 4px 6px;
}

.inputfile-6 + label span {
    width: 210px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #f1e5e6;
    background-color: #05589D;
    display: inline-block;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #05589D;
}

@media screen and (max-width: 50em) {
    .inputfile-6 + label strong {
        display: block;
    }
}
/*inputfile*/

/*inputfile copy class for fileuploader component*/
.file-uploader {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.file-uploader + label {
    max-width: 100%;
    font-size: 12px;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .file-uploader + label {
    display: none;
}

.file-uploader:focus + label,
.file-uploader.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.file-uploader + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}

.file-uploader-6 + label {
    color: #53565a;
}

.file-uploader-6 + label {
    border: 1px solid #cccccc;
    background-color: #fff;
    padding: 0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

.error .file-uploader-6 + label {
    border-color: red !important;
}

.file-uploader-6:focus + label,
.file-uploader-6.has-focus + label,
.file-uploader-6 + label:hover {
    border-color: #cccccc;
}

.file-uploader-6 + label span,
.file-uploader-6 + label strong {
    padding: 4px 6px;
}

.file-uploader-6 + label span {
    width: 210px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.file-uploader-6 + label strong {
    height: 100%;
    color: #f1e5e6;
    background-color: #05589D;
    display: inline-block;
}

.file-uploader-6:focus + label strong,
.file-uploader-6.has-focus + label strong,
.file-uploader-6 + label:hover strong {
    background-color: #05589D;
}

@media screen and (max-width: 50em) {
    .file-uploader-6 + label strong {
        display: block;
    }
}



/*dropdowncontrol custom dropdown*/
.dropdowncontrol {
    width: 160px;
    position: relative;
}

    .dropdowncontrol .dropdowninput {
        display: block;
        border: 1px solid #e2e2e2;
        font-weight: 700;
        border-radius: 2px;
        cursor: pointer;
        position: relative;
        height: 28px;
    }

        .dropdowncontrol .dropdowninput .icon {
            float: left;
            padding: 7px 0 0 12px;
        }

        .dropdowncontrol .dropdowninput .text {
            display: table-cell;
            vertical-align: middle;
            float: left;
            padding: 7px 0 0 7px;
        }

        .dropdowncontrol .dropdowninput .caret {
            float: right;
            margin: 10px 10px 0 0;
            border-top: 6px solid #000000;
            border-right: 6px solid transparent;
            border-left: 6px solid transparent;
        }

    .dropdowncontrol.active .detail {
        display: block;
    }

    .dropdowncontrol .detail {
        display: none;
        width: 160px;
        position: absolute;
        top: 32px;
        left: 0;
        max-width: 300px;
        width: 158px;
        min-width: 120px;
        background: #fff;
        border-radius: 2px;
        border: 1px solid #e2e2e2;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.3);
        box-shadow: 0 6px 12px rgba(0,0,0,0.3);
        overflow: hidden;
        z-index: 65;
    }

        .dropdowncontrol .detail ul {
            display: block;
            overflow: auto;
            list-style: none;
            padding: 0px !important;
            margin: 0px !important;
        }

            .dropdowncontrol .detail ul li {
                display: table;
                width: 87%;
                border-bottom: 1px solid #e2e2e2;
                padding: 9px 10px;
                cursor: pointer;
            }

                .dropdowncontrol .detail ul li .pull-right .radio {
                    cursor: pointer;
                }

                    .dropdowncontrol .detail ul li .pull-right .radio a.rounded.selected:before {
                        background-color: #22a7f0;
                    }

                    .dropdowncontrol .detail ul li .pull-right .radio a.rounded:before {
                        background-color: #eee;
                        content: '';
                        width: 100%;
                        height: 100%;
                        border-radius: 26px;
                        display: table;
                    }

@media (min-width: 992px) {
    .radio.small a.rounded {
        width: 15px;
        height: 15px;
    }
}

.radio a.rounded {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e2e2e2;
    border-radius: 26px;
    padding: 1px;
}

.input-mini {
    width: 72px;
}

.input-small {
    width: 102px;
}

.input-xsmall {
    width: 142px;
}

.input-medium {
    width: 162px;
}

.input-large {
    width: 222px;
}

.input-xlarge {
    width: 282px;
}

.input-xxlarge {
    width: 542px;
}

input.input-mini {
    width: 60px;
}

input.input-small {
    width: 90px;
}

input.input-xsmall {
    width: 130px;
}

input.input-medium {
    width: 150px;
}

input.input-large {
    width: 210px;
}

input.input-xlarge {
    width: 270px;
}

input.input-xxlarge {
    width: 530px;
}

/*dropdowncontrol custom dropdown*/

/*Timeline*/

.Timeline {
    display: flex;
    align-items: center;
    height: 200px;
    position: relative;
    /*border:1px solid #bdbaad;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);*/
    padding: 10px;
    margin-bottom: 10px;
}

    .Timeline .event1,
    .Timeline .event2,
    .Timeline .event3,
    .Timeline .event4,
    .Timeline .event5,
    .Timeline .event6,
    .Timeline .event7,
    .Timeline .event8,
    .Timeline .event9,
    .Timeline .event10,
    .Timeline .event11,
    .Timeline .event12,
    .Timeline .event13,
    .Timeline .event14,
    .Timeline .event15 {
        position: relative;
    }

    .Timeline .event1Bubble {
        position: absolute;
        background-color: rgba(158, 158, 158, 0.1);
        width: 139px;
        height: 60px;
        top: -70px;
        left: -15px;
        border-radius: 5px;
        box-shadow: inset 0 0 5px rgba(158, 158, 158, 0.64)
    }

    .Timeline .event2Bubble {
        position: absolute;
        background-color: rgba(158, 158, 158, 0.1);
        width: 139px;
        height: 60px;
        left: -105px;
        top: 33px;
        border-radius: 5px;
        box-shadow: inset 0 0 5px rgba(158, 158, 158, 0.64)
    }

        .Timeline .event1Bubble:after,
        .Timeline .event1Bubble:before,
        .Timeline .event2Bubble:after,
        .Timeline .event2Bubble:before {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent;
            border-bottom: 0;
        }

    .Timeline .event1Bubble:before {
        bottom: -10px;
        left: 13px;
        border-top-color: rgba(222, 222, 222, 0.66);
        border-width: 12px;
    }

    .Timeline .event1Bubble:after {
        bottom: -8px;
        left: 13px;
        border-top-color: #F6F6F6;
        border-width: 12px;
    }

    .Timeline .event2Bubble:before {
        bottom: 59px;
        left: 103px;
        border-top-color: rgba(222, 222, 222, 0.66);
        border-width: 12px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .Timeline .event2Bubble:after {
        bottom: 57px;
        left: 103px;
        border-top-color: #F6F6F6;
        border-width: 12px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .Timeline .eventTime {
        display: flex;
        padding-top: 5px;
    }

    .Timeline .page-header {
        position: absolute;
        top: -15px;
        right: 10px;
        font-size: 14px;
        font-weight: bold;
    }

        .Timeline .page-header h1 {
            color: #05589D;
            font-size: 24px;
            line-height: 26px;
            margin: 8px 0;
            font-family: inherit;
            font-weight: bold;
            text-rendering: optimizelegibility;
            margin-top:-30px;
        }


    .Timeline .DayDigit {
        font-size: 27px;
        font-family: "Arial Black", Gadget, sans-serif;
        margin-left: 10px;
        color: #4C4A4A;
    }

    .Timeline .Day {
        font-size: 11px;
        margin-left: 5px;
        font-weight: bold;
        margin-top: 10px;
        font-family: Arial, Helvetica, sans-serif;
        color: #4C4A4A;
    }

    .Timeline .MonthYear {
        font-weight: 600;
        line-height: 10px;
        color: #9E9E9E;
        font-size: 9px;
    }

    .Timeline .message {
        cursor: pointer;
    }

    .Timeline .eventTitle {
        font-family: "Arial Black", Gadget, sans-serif;
        color: #a71930;
        font-size: 9px;
        display: flex;
        flex: 1;
        align-items: center;
        margin-left: 12px;
        margin-top: -2px;
        position: relative;
    }

        .Timeline .eventTitle .others .message {
            font-size: 9px;
            visibility: hidden;
            opacity: 0;
            transition: visibility 0s, opacity 0.5s linear;
            width: 100%;
            float: left;
            padding-left: 10px;
            background-color: rgba(158, 158, 158, 0.1);
            z-index: 99999999;
        }

        .Timeline .eventTitle .others {
            position: absolute;
            top: 20px;
            left: 0;
            left: -111px;
            width: 128px;
            z-index: 9;
        }

        .Timeline .eventTitle .messages {
            position: absolute;
            right: 17px;
            bottom: 0px;
            cursor: pointer;
        }

    .Timeline .eventbubble:hover .message {
        visibility: visible;
        opacity: 1;
    }


    .Timeline .time {
        position: absolute;
        font-family: Arial, Helvetica, sans-serif;
        width: 50px;
        font-size: 8px;
        margin-top: -3px;
        margin-left: -5px;
        color: #9E9E9E;
    }

    .Timeline .eventAuthor {
        position: absolute;
        font-family: Arial, Helvetica, sans-serif;
        color: #9E9E9E;
        font-size: 8px;
        width: 100px;
        top: -8px;
        left: 63px;
    }

    .Timeline .event2Author {
        position: absolute;
        font-family: Arial, Helvetica, sans-serif;
        color: #9E9E9E;
        font-size: 8px;
        width: 100px;
        top: 96px;
        left: -32px;
    }

    .Timeline .time2 {
        position: absolute;
        font-family: Arial, Helvetica, sans-serif;
        width: 50px;
        font-size: 8px;
        margin-top: -31px;
        margin-left: -5px;
        color: #9E9E9E;
    }

    .Timeline .now {
        background-color: #004165;
        color: white;
        border-radius: 7px;
        margin: 5px;
        padding: 4px;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        border: 2px solid white;
        font-weight: bold;
        box-shadow: 0 0 0 2px #004165
    }

    .Timeline .futureGray {
        filter: grayscale(1);
        -webkit-filter: grayscale(1);
    }

    .Timeline .futureOpacity {
        /*-webkit-filter: opacity(.3);
        filter: opacity(.3);*/
    }

/*Timeline*/

.background-none {
    background: none !important;
}

.bgcolorf5 {
    background-color: #97999B !important;
}

.pl5 {
    padding-left: 5px !important;
}

.file-provider {
    display: inline-block;
    width: 338px;
}

.control-group .controls .title.span4 {
    width: 282px !important;
}

.control-group .controls .title {
    height: 32px;
    display: inline-block;
}

.w100 {
    width: 100% !important;
}

.pb-none {
    padding-bottom: 0px !important;
}

.pl-none {
    padding-left: 0px !important;
}


.pt-none {
    padding-top: 0px !important;
}


.pr-none {
    padding-right: 0px !important;
}

.plr-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ptb-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.fcgbt {
    background: url(../images/BG-dotted-light.gif) repeat-x scroll 0 0 transparent !important;
    padding-top: 8px !important;
}

.control-group .controls .title span {
    color: #fff;
    line-height: 32px;
}

.label-mini {
    width: 72px;
}

.label-small {
    width: 102px;
}

.label-xsmall {
    width: 142px;
}

.label-medium {
    width: 162px;
}

.label-large {
    width: 222px;
}

.label-xlarge {
    width: 284px;
}

.label-xxlarge {
    width: 542px;
}

.bg-none {
    background: none !important;
}

.form-horizontal .controls {
    padding-bottom: 4px;
}

/*loading*/

.inv-loading {
    position: relative;
    height: 16px;
}

.spinner {
    font-size: 16px;
    position: relative;
    display: none;
    width: 1em;
    height: 1em;
}

.loading .spinner {
    display: inline-block;
}

.spinner.center {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.spinner.light .spinner-blade {
    position: absolute;
    left: 0.4629em;
    bottom: 0;
    width: 0.092em;
    height: 0.2777em;
    border-radius: 0.0555em;
    background-color: transparent;
    -webkit-transform-origin: center -0.2222em;
    -ms-transform-origin: center -0.2222em;
    transform-origin: center -0.2222em;
    -webkit-animation: spinner-fade 1s infinite linear;
    animation: spinner-fade 1s infinite linear;
}

.spinner.dark .spinner-blade {
    position: absolute;
    left: 0.4629em;
    bottom: 0;
    width: 0.074em;
    height: 0.2777em;
    border-radius: 0.0555em;
    background-color: transparent;
    -webkit-transform-origin: center -0.2222em;
    -ms-transform-origin: center -0.2222em;
    transform-origin: center -0.2222em;
    -webkit-animation: spinner-fade-dark 1s infinite linear;
    animation: spinner-fade-dark 1s infinite linear;
}

.spinner .spinner-blade:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.spinner .spinner-blade:nth-child(2) {
    -webkit-animation-delay: 0.083s;
    animation-delay: 0.083s;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.spinner .spinner-blade:nth-child(3) {
    -webkit-animation-delay: 0.166s;
    animation-delay: 0.166s;
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.spinner .spinner-blade:nth-child(4) {
    -webkit-animation-delay: 0.249s;
    animation-delay: 0.249s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.spinner .spinner-blade:nth-child(5) {
    -webkit-animation-delay: 0.332s;
    animation-delay: 0.332s;
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.spinner .spinner-blade:nth-child(6) {
    -webkit-animation-delay: 0.415s;
    animation-delay: 0.415s;
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.spinner .spinner-blade:nth-child(7) {
    -webkit-animation-delay: 0.498s;
    animation-delay: 0.498s;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.spinner .spinner-blade:nth-child(8) {
    -webkit-animation-delay: 0.581s;
    animation-delay: 0.581s;
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.spinner .spinner-blade:nth-child(9) {
    -webkit-animation-delay: 0.664s;
    animation-delay: 0.664s;
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.spinner .spinner-blade:nth-child(10) {
    -webkit-animation-delay: 0.747s;
    animation-delay: 0.747s;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.spinner .spinner-blade:nth-child(11) {
    -webkit-animation-delay: 0.83s;
    animation-delay: 0.83s;
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.spinner .spinner-blade:nth-child(12) {
    -webkit-animation-delay: 0.913s;
    animation-delay: 0.913s;
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

@-webkit-keyframes spinner-fade {
    0% {
        background-color: #ffffff;
    }

    100% {
        background-color: transparent;
    }
}

@keyframes spinner-fade {
    0% {
        background-color: #ffffff;
    }

    100% {
        background-color: transparent;
    }
}

@-webkit-keyframes spinner-fade-dark {
    0% {
        background-color: #69717d;
    }

    100% {
        background-color: transparent;
    }
}

@keyframes spinner-fade-dark {
    0% {
        background-color: #69717d;
    }

    100% {
        background-color: transparent;
    }
}

.form-horizontal.form-container fieldset .controls .input-xlarge:not(.wide) {
    width: 260px !important;
}

.form-horizontal.form-container fieldset .controls .label-xlarge {
    width: 274px !important;
}

.form-horizontal.form-container fieldset .controls textarea.input-xlarge:not(.wide) {
    width: 272px !important;
}

.form-horizontal.form-container .control-group .controls {
    position: relative;
}

.previewImageParent {
    margin-left: 10px;
    display: inline-block;
    width: 200px;
}

.previewImage {
    position: absolute;
    top: 10px;
    left: 584px;
    width: 250px;
    margin-left: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}

.previewVideoParent {
    margin-left: 10px;
    display: inline-block;
    width: 200px;
}

.previewVideo {
    position: absolute;
    top: 10px !important;
    right: 0px;
    width: 250px;
    margin-left: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}

@media (max-width: 1440px) {
    .previewImage,
    .previewVideo {
        width: 200px;
    }
}

@media (max-width: 1300px) {
    .previewImage,
    .previewVideo {
        width: 150px;
        top: unset;
        bottom: 30px;
    }
}

@media (max-width: 1200px) {
    .previewImage,
    .previewImage {
        width: 130px;
        top: unset;
        bottom: 20px;
    }
}

@media (max-width: 1025px) {
    .previewImage,
    .previewImage {
        width: 100px;
        top: unset;
        bottom: 10px;
    }
}

.status1 {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: green;
    margin: auto;
}

.status0 {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: red;
    margin: auto;
}

#trIntro,
#enIntro {
    overflow-y: auto;
    height: 90px;
}

#trSummary,
#enSummary {
    overflow-y: auto;
    height: 180px;
}

.removeImage {
    display: inline-block;
    overflow: hidden;
    border: 1px solid #cccccc;
    background-color: #fff;
    padding: 0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    color: #53565a;
    max-width: 100%;
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    line-height: 16px;
}

    .removeImage strong {
        height: 100%;
        color: #f1e5e6;
        background-color: #cb3443;
        display: inline-block;
        padding: 4px 8px;
    }

        .removeImage strong svg {
            width: 1em;
            height: 1em;
            vertical-align: middle;
            fill: currentColor;
            margin-top: -0.25em;
            margin-right: 0.25em;
        }

.widget.login {
    border: none !important;
}

.control-label {
    cursor: default;
}

.default-headline-widget .form-container {
    border: none;
}

.default-page-title .form-container {
    border: none;
}

.btn.btn-language {
    background-color: #227288;
    border-color: #227288;
}

.datepicker:before {
    top: unset !important;
    bottom: -7px !important;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.datepicker:after {
    top: unset !important;
    bottom: -6px;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

#preview {
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
    padding: 0px 10px;
    background-color: #fff;
    position: absolute;
    top: 100px;
    right: 25px;
    visibility: hidden;
}

iframe {
    border: none !important;
    width: 100%;
    height: 100%;
}

.previewOption {
    margin-left: 12px;
    margin-top: 9px;
}

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

.gridContainer .moveup {
    width: 50%;
    float: left;
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
    font-weight: bold;
    cursor: pointer;
}


.gridContainer .movedown {
    width: 50%;
    float: left;
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
    font-weight: bold;
    cursor: pointer;
}

#pagepreview {
    line-height: 22px;
    font-weight: bold;
}



.loading {
    pointer-events: none;
    opacity: 0.5;
}

    .loading .ispinner {
        display: inline-block;
    }

    .loading .buttonName {
        display: none;
    }

.ispinner {
    display: none;
    position: relative;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

    .ispinner .ispinner__blade {
        position: absolute;
        left: 44.5%;
        top: 37%;
        width: 10%;
        height: 25%;
        border-radius: 50%/20%;
        -webkit-animation: ispinner__blade--fade 1s linear infinite;
        animation: ispinner__blade--fade 1s linear infinite;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
    }

        .ispinner .ispinner__blade:nth-child(1) {
            -webkit-animation-delay: -1.66667s;
            animation-delay: -1.66667s;
            -webkit-transform: rotate(30deg) translate(0, -150%);
            transform: rotate(30deg) translate(0, -150%);
        }

        .ispinner .ispinner__blade:nth-child(2) {
            -webkit-animation-delay: -1.58333s;
            animation-delay: -1.58333s;
            -webkit-transform: rotate(60deg) translate(0, -150%);
            transform: rotate(60deg) translate(0, -150%);
        }

        .ispinner .ispinner__blade:nth-child(3) {
            -webkit-animation-delay: -1.5s;
            animation-delay: -1.5s;
            -webkit-transform: rotate(90deg) translate(0, -150%);
            transform: rotate(90deg) translate(0, -150%);
        }

        .ispinner .ispinner__blade:nth-child(4) {
            -webkit-animation-delay: -1.41667s;
            animation-delay: -1.41667s;
            -webkit-transform: rotate(120deg) translate(0, -150%);
            transform: rotate(120deg) translate(0, -150%);
        }

        .ispinner .ispinner__blade:nth-child(5) {
            -webkit-animation-delay: -1.33333s;
            animation-delay: -1.33333s;
            -webkit-transform: rotate(150deg) translate(0, -150%);
            transform: rotate(150deg) translate(0, -150%);
        }

        .ispinner .ispinner__blade:nth-child(6) {
            -webkit-animation-delay: -1.25s;
            animation-delay: -1.25s;
            -webkit-transform: rotate(180deg) translate(0, -150%);
            transform: rotate(180deg) translate(0, -150%);
        }

        .ispinner .ispinner__blade:nth-child(7) {
            -webkit-animation-delay: -1.16667s;
            animation-delay: -1.16667s;
            -webkit-transform: rotate(210deg) translate(0, -150%);
            transform: rotate(210deg) translate(0, -150%);
        }

        .ispinner .ispinner__blade:nth-child(8) {
            -webkit-animation-delay: -1.08333s;
            animation-delay: -1.08333s;
            -webkit-transform: rotate(240deg) translate(0, -150%);
            transform: rotate(240deg) translate(0, -150%);
        }

        .ispinner .ispinner__blade:nth-child(9) {
            -webkit-animation-delay: -1s;
            animation-delay: -1s;
            -webkit-transform: rotate(270deg) translate(0, -150%);
            transform: rotate(270deg) translate(0, -150%);
        }

        .ispinner .ispinner__blade:nth-child(10) {
            -webkit-animation-delay: -0.91667s;
            animation-delay: -0.91667s;
            -webkit-transform: rotate(300deg) translate(0, -150%);
            transform: rotate(300deg) translate(0, -150%);
        }

        .ispinner .ispinner__blade:nth-child(11) {
            -webkit-animation-delay: -0.83333s;
            animation-delay: -0.83333s;
            -webkit-transform: rotate(330deg) translate(0, -150%);
            transform: rotate(330deg) translate(0, -150%);
        }

        .ispinner .ispinner__blade:nth-child(12) {
            -webkit-animation-delay: -0.75s;
            animation-delay: -0.75s;
            -webkit-transform: rotate(360deg) translate(0, -150%);
            transform: rotate(360deg) translate(0, -150%);
        }

    .ispinner.ispinner--animating .ispinner__blade {
        -webkit-animation-play-state: running;
        animation-play-state: running;
    }

    .ispinner.ispinner--white .ispinner__blade {
        background-color: white;
    }

    .ispinner.ispinner--gray .ispinner__blade {
        background-color: #8C8C8C;
    }

    .ispinner.ispinner--large {
        width: 35px;
        height: 35px;
    }

        .ispinner.ispinner--large .ispinner__blade {
            width: 8.57143%;
            height: 25.71429%;
            border-radius: 50%/16.67%;
        }

@-webkit-keyframes ispinner__blade--fade {
    0% {
        opacity: 0.85;
    }

    50% {
        opacity: 0.25;
    }

    100% {
        opacity: 0.25;
    }
}

@keyframes ispinner__blade--fade {
    0% {
        opacity: 0.85;
    }

    50% {
        opacity: 0.25;
    }

    100% {
        opacity: 0.25;
    }
}

.help-block.with-errors {
    display: inline-block;
}

    .help-block.with-errors .message {
        display: none;
    }

.error .help-block.with-errors .message {
    display: block;
}

.btn {
    color: #fff;
    background-color: #97999B;
    border: 1px solid #97999B;
    border-color: #97999B;

}

    .btn.disabled, .btn[disabled] {
        background-color: grey;
        border-color: grey;
        opacity: 0.2;
        color: white;
        text-shadow: none;
        pointer-events: none;
    }
 
label,
input,
button,
select,
textarea {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

    select,
    input[type="file"] {
        height: 26px;
        /* In IE7, the height of the select element cannot be changed by height, only font-size */
        *margin-top: 4px;
        /* For IE7, add top margin to align select with labels */
        line-height: 26px;
    }

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

    select[multiple],
    select[size] {
        height: auto;
    }

    select:focus,
    input[type="file"]:focus,
    input[type="radio"]:focus,
    input[type="checkbox"]:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    padding: 4px 6px;
}



.actions-toolbar {
    background: #dcdcdc;
    margin-bottom: 12px;
    padding: 5px 5px;
    width: 100%;
}
 

.pagination {
    margin-bottom: 6px;
    margin-top: 9px;
}

    .pagination ul {
        box-shadow: none;
    }

    .pagination .active a {
        color: #999;
        cursor: default;
    }

    .pagination a:hover,
    .pagination .active a {
        background-color: whiteSmoke;
    }

    .pagination a {
        padding-left: 5px;
        padding-right: 5px;
        line-height: 23px;
        color: #53565a;
        border: 0 !important;
        background-color: transparent;
    }

.actions-toolbar-inner .pagination {
    height: auto;
    margin-bottom: 0;
    margin-right: 8px;
}

.actions-toolbar .pagination {
    width: 78%;
    margin-top: 0;
    margin-bottom: 5px;
    float: right;
}

.actions-toolbar p {
    margin-left: 8px;
    margin-top: 5px;
}

.actions-toolbar-inner .control-group {
    margin: 0;
}

.control-label {
    cursor: pointer;
    margin-bottom: 3px !important;
}

.actions-toolbar-inner .control-group select {
    display: inline;
}

.actions-toolbar p,
.actions-toolbar select {
    margin-bottom: 0;
}

.gridContainer .page-header {
    padding: 40px 0px;
    margin: 0;
    border-bottom: 1px solid #eee;
}

.gridContainer {
    padding:30px 0;
}

.form-horizontal fieldset {
    border:unset!important;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    border-color: #ff0000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .control-group.error input:focus,
    .control-group.error select:focus,
    .control-group.error textarea:focus {
        border-color: #cc0000;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff6666;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff6666;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff6666;
    }

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

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

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    color: #84bd00;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    border-color: #84bd00;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .control-group.success input:focus,
    .control-group.success select:focus,
    .control-group.success textarea:focus {
        border-color: #608a00;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #bdff24;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #bdff24;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #bdff24;
    }

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
    color: #84bd00;
    background-color: #f3f8e6;
    border-color: #84bd00;
}

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

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
    color: #00bdf2;
}

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
    border-color: #00bdf2;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .control-group.info input:focus,
    .control-group.info select:focus,
    .control-group.info textarea:focus {
        border-color: #0095bf;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #59dbff;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #59dbff;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #59dbff;
    }

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
    color: #00bdf2;
    background-color: #e6f8fe;
    border-color: #00bdf2;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}

    input:focus:invalid:focus,
    textarea:focus:invalid:focus,
    select:focus:invalid:focus {
        border-color: #e9322d;
        -webkit-box-shadow: 0 0 6px #f8b9b7;
        -moz-box-shadow: 0 0 6px #f8b9b7;
        box-shadow: 0 0 6px #f8b9b7;
    }

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

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
    color: #ffcd00;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
    border-color: #ffcd00;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .control-group.warning input:focus,
    .control-group.warning select:focus,
    .control-group.warning textarea:focus {
        border-color: #cca400;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffe166;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffe166;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffe166;
    }

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
    color: #ffcd00;
    background-color: #fffae6;
    border-color: #ffcd00;
}

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

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    color: #ff0000;
}

.form-control{
    display:inline-block;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

        .modal-backdrop,
        .modal-backdrop.fade.in {
            opacity: 0.8;
            filter: alpha(opacity=80);
        }

.modal {
    z-index: 1050;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
    max-width: 780px;
    max-height: 580px;
    /* IE6-7 */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
}

    .modal.fade {
        -webkit-transition: opacity .3s linear, top .3s ease-out;
        -moz-transition: opacity .3s linear, top .3s ease-out;
        -o-transition: opacity .3s linear, top .3s ease-out;
        transition: opacity .3s linear, top .3s ease-out;
        top: -25%;
    }

        .modal.fade.in {
            top: 10%;
        }

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

    .modal-header .close {
        margin-top: 2px;
    }

    .modal-header h3 {
        margin: 0;
        line-height: 30px;
    }

.modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px;
}

.modal-form {
    margin-bottom: 0;
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    *zoom: 1;
}

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

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

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

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}

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

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0;
    }

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

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

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px;
    }

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

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

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

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

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

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

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

    .popover-title:empty {
        display: none;
    }

.popover-content {
    padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover .arrow {
    border-width: 11px;
}

    .popover .arrow:after {
        border-width: 10px;
        content: "";
    }

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

    .popover.top .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #ffffff;
    }

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

    .popover.right .arrow:after {
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #ffffff;
    }

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

    .popover.bottom .arrow:after {
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #ffffff;
    }

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

    .popover.left .arrow:after {
        right: 1px;
        border-right-width: 0;
        border-left-color: #ffffff;
        bottom: -10px;
    }

    .modal{
        position:inherit;
        display:inherit;
    }

    .hide {
        display: none!important;
    }

.btn {
    font-size: 12px;
    /*font-weight: bold;*/
    line-height: 22px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #97999B;
    border: 1px solid #97999B;
    border-color: #97999B;
    background-image: none;
    /*border-radius: 0;*/
    box-shadow: none;
    text-shadow: none;
}

    .btn:hover {
        color: #fff;
        text-decoration: none;
        background-color: #008CE6;
        *background-color: #008CE6;
        border: 1px solid #008CE6;
        transition: none;
        background-position: 0;
        text-shadow: none;
        *border: none;
    }

    .btn.disabled,
    .btn[disabled] {
        background-color: grey;
        border-color: grey;
        opacity: 0.2;
        color: white;
        text-shadow: none;
        pointer-events: none;
    }

.btn-primary {
    background-color: #00BDF2;
    *background-color: #00BDF2;
    border-color: #00BDF2 #00BDF2 #00BDF2;
    *border-color: #00BDF2;
    background-image: :none;
}

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
        background-color: #008CE6;
        *background-color: #008CE6;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #00bdf2 \9;
    }

.btn {
    font-family: 'Interstate-Light';
}

/*Custom*/