/* Default CSS Stylesheet for a new Web Application project */
/* begin Master Page additions */

* {
    margin: 0;
}

html, body, form {
    height: 100%;
}

body {
    background-color: #fff !important;
    background: url("/Images/gradient-left.png") repeat-y top left, url("/Images/gradient-right.png") repeat-y top right;
    color: #333;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: small;
}

@font-face {
    font-family: 'password';
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/password.ttf");
}


.site-wide-message-fix {
    width: 0px !important;
    height: 34px !important;
    position: absolute !important;
    right: 400px !important;
    top: 58px !important;
    border: none !important;
}

.gradient {
    width: 100%;
    position: absolute;
    display: none;
}

.gradient1 {
    background: url('') repeat-y left top;
    z-index: -100;
    float: left;
}

.gradient2 {
    z-index: -2;
    background: url('') repeat-y right top;
    float: right;
}

/* added to auto center all tables in the application - use doNotCenter to remove this */
table {
    margin: 0 auto;
}

A:link {
    text-decoration: none;
}

A:visited {
    text-decoration: none;
}

A:active {
    text-decoration: none;
}

A:hover {
    text-decoration: underline;
}

.doNotCenter {
    margin: 0;
}

.stretch {
    width: 100% !important;
}

textarea {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: small;
}

/* added to put menu ahead of dashboard in z-index */
.StaticMenuItem ul {
    z-index: 200 !important;
}

.header {
    width: 100%;
    float: left;
}

.sidebar {
    width: 18%;
    min-height: 80%;
    float: left;
    margin: 0 1%;
}

.content {
    width: 97%;
    float: left;
    background-color: #fff;
    margin: 10px 1.5%;
    min-height: 100%;
}

.footer {
    height: 2em;
    font-weight: bold;
    color: #999;
    background-color: #222222;
}

.logo {
    width: 100%;
    padding: 5px 0;
}

.userInfo {
    z-index: -50;
    float: right;
    text-align: right;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
}

.menu {
    width: 100%;
    float: left;
    background-color: #222222;
    padding: 5px 0;
    vertical-align: middle;
    margin: 5px 0;
    font-size: small !important;
}

.StaticMenuItem {
    font-family: Verdana;
    background-color: #222222;
    color: #FFF;
}

.menu td {
    padding: 0px;
}

.accountNav {
    float: left;
    padding: 3px;
}

.schoolNav {
    float: right;
    text-align: right;
    color: #fff;
}

    .schoolNav select {
        color: #000;
    }

.copyrightInfo {
    width: 50%;
    float: left;
}

.versionInfo {
    width: 50%;
    float: right;
    text-align: right;
}

.pageTitle {
    margin: 0 auto;
    font-size: 24px;
    text-align: center;
    padding-bottom: 15px;
}

.main {
    width: 90%;
}

.fullheight {
    min-height: 80%;
    height: auto !important;
    height: 80%;
}

.sectionHeader {
    color: #999;
    background-color: #222222;
    font-size: 20px;
    text-align: center;
    margin: 10px auto;
    padding: 3px 0;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.currentRanking tr {
    margin-left: 10px;
}

.legend {
    font-size: 10px;
}

.smText {
    font-size: 12px;
}

.smText_B {
    font-size: 12px;
    font-weight: bold;
}

.Notation {
    font-size: 10px;
}

.smRedText {
    font-size: 12px;
    color: Red;
}

.BoldError {
    font-size: 12px;
    color: Red;
    font-weight: bold;
}

.lgBoldText {
    font-size: 16px;
    font-weight: bold;
}

.smBoldText {
    font-size: 12px;
    font-weight: bold;
}

.GridFont {
    font-size: smaller;
    color: #FFFFF0;
}

.BoldText {
    font-weight: bold;
}

.errMsg {
    color: Red !important;
}

.darkBoldText {
    font-weight: bold;
    color: #000;
}

.BadCheck {
    color: Red;
    font-weight: bold;
}

.TotalDueToday {
    background-color: yellow;
    font-family: Poor Richard;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.BoldError {
    color: Red;
    font-size: 12px;
    font-weight: bold;
}

.calendarText {
    font-size: 10px;
}

.TextAlert {
    color: Red;
    font-weight: bold;
}

.TextAlert_sm {
    color: Red;
    font-weight: bold;
    font-size: smaller;
}

.MessageAlert {
    color: Red;
}

.menuText {
    font-size: 12px;
    color: #428bca;
}

.hdrCrmBig {
    color: #FFFFF0;
    font-size: 18px;
    font-weight: bold;
}

.hdrCrmSmall {
    color: #FFFFF0;
    font-size: 14px;
    font-weight: bold;
}

.hdrCrmTiny {
    color: #FFFFF0;
    font-size: 10px;
    font-weight: bold;
}

.btn {
    background-color: #428bca;
    border-color: #357ebd;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1.428571429;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

input[type=button], input[type=submit], input[type=reset] {
    background-color: #428bca;
    border-color: #357ebd;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1.428571429;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}


.btn-sm, .btn-group-sm > .btn {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.btn-xs {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover,
.btn:focus {
    color: #333333;
    text-decoration: none;
}

.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/*table .btn, input[type=button], input[type=submit], input[type=reset] {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}*/

input[type=button][disabled], input[type=submit][disabled], input[type=reset][disabled] {
    color: #777777 !important;
}

.shadedrow {
    background-color: #EEEEE0;
    font-weight: bold;
    font-size: 16px;
    height: 32px;
}

.quote {
    font-size: 16px;
    font-style: italic;
}

.author {
    font-size: 14px;
}

SMALL, .small {
    font-size: .7em;
}

.SmallWhite {
    font-weight: normal;
    font-size: 8pt;
    text-align: left;
    color: White;
    text-decoration: none;
}

BIG {
    font-size: 1.17em;
}

BLOCKQUOTE, PRE {
    font-family: Courier New, monospace;
}

.logoImage {
    margin: 10px;
    float: left;
}

.milestoneHeader {
    color: #428bca;
    padding-left: 10px;
    padding-bottom: 6px;
    font-size: 1.1em;
}

.jcrop-holder {
    margin: 0 auto;
}

/* http://jonahellison.com/style-perfect-html-lists-ul-li-ol-li  */

ul.niceList {
    margin-left: 0em;
    padding-left: 0.2em;
    margin-bottom: 1em;
}

    ul.niceList li {
        background: url(images/bullet.gif) 0em 0.5em no-repeat; /* change background em accordingly */
        padding-left: 0.8em;
        list-style: none;
    }

.niceList ul li {
    background-image: url(images/bullet_child.gif);
}

ol.niceList li, ul.niceList li {
    margin-bottom: 0.5em;
}

ol.niceList {
    margin-left: 1.5em;
    padding-left: 0px;
}

.niceList ol li {
    list-style: decimal;
    background-image: none;
    padding-left: 0em;
}

/*SAS TEST*/
.qtip {
    max-width: none !important;
    font-family: Verdana;
}

    .qtip table {
        max-width: 600px;
    }

.tabstrip div {
    overflow: auto;
    max-height: 225px; /* this is a hacked, hardcoded value - keep this in mind when trying to alter the qtip */
}

.qtip td[rowspan] {
    vertical-align: top;
    text-align: left;
}

.ui-widget {
    font-size: 1.0em !important;
    font-family: Verdana;
}

.k-button-darker {
    background-color: #bbbbbb !important;
    background-image: none !important;
}

/* nice table */
.CSSTableGenerator {
    margin: 0;
    padding: 0;
    width: 100%;
    box-shadow: 10px 10px 5px #888888;
    border: 1px solid #000000;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

    .CSSTableGenerator table {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .CSSTableGenerator tr:last-child td:last-child {
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .CSSTableGenerator table tr:first-child td:first-child {
        -moz-border-radius-topleft: 0px;
        -webkit-border-top-left-radius: 0px;
        border-top-left-radius: 0px;
    }

    .CSSTableGenerator table tr:first-child td:last-child {
        -moz-border-radius-topright: 0px;
        -webkit-border-top-right-radius: 0px;
        border-top-right-radius: 0px;
    }

    .CSSTableGenerator tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-bottom-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .CSSTableGenerator tr:nth-child(odd) {
        background-color: #e5e5e5;
    }

    .CSSTableGenerator tr:nth-child(even) {
        background-color: #ffffff;
    }

    .CSSTableGenerator td {
        vertical-align: middle;
        border: 1px solid #000000;
        border-width: 0px 1px 1px 0px;
        padding: 5px;
        font-size: 12px;
        font-family: Verdana;
        font-weight: inherit;
        color: #000000;
    }

    .CSSTableGenerator tr:last-child td {
        border-width: 0px 1px 0px 0px;
    }

    .CSSTableGenerator tr td:last-child {
        border-width: 0px 0px 1px 0px;
    }

    .CSSTableGenerator tr:last-child td:last-child {
        border-width: 0px 0px 0px 0px;
    }

    .CSSTableGenerator tr:first-child td {
        background: -o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
        background: -moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");
        background: -o-linear-gradient(top,#cccccc,b2b2b2);
        background-color: #cccccc;
        border: 0px solid #000000;
        text-align: center;
        border-width: 0px 0px 1px 1px;
        font-size: 12px;
        font-family: Verdana;
        font-weight: bold;
        color: #000000;
    }

    .CSSTableGenerator tr:first-child:hover td {
        background: -o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
        background: -moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");
        background: -o-linear-gradient(top,#cccccc,b2b2b2);
        background-color: #cccccc;
    }

    .CSSTableGenerator tr:first-child td:first-child {
        border-width: 0px 0px 1px 0px;
    }

    .CSSTableGenerator tr:first-child td:last-child {
        border-width: 0px 0px 1px 1px;
    }


/*---------------------------
Button Menu li hover
---------------------------*/

.floatLeft {
    float: left;
    margin: auto 0;
}

.floatRight {
    float: right;
}

.clearFloat {
    clear: both;
}

.clearFloatRight {
    clear: right;
}

.leftText {
    text-align: left;
}

.rightText {
    text-align: right;
}

.rightAlign {
    float: right;
}

.centerText {
    text-align: center;
}

.hidden {
    display: none;
}

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

.centerElement {
    margin: 0 auto;
}

.ui-datepicker-trigger {
    cursor: pointer;
}

.jcsa-kendodatetimepicker[readonly] {
    color: black;
}

#swipe {
    height: 30px;
    width: 400px;
    font-size: 20px;
    text-align: center;
}

    #swipe:focus {
        background-color: #99FF33;
    }

.jcsa-leadcategories {
    display: inline-block;
}

.jcsa-leadcategories-addcategory-label {
    font-size: 0.8em;
    text-align: center;
}

.jcsa-leadcategories-multiselect-main, .jcsa-leadcategories-multiselect-main > .k-multiselect-wrap {
    width: 250px;
    height: 100px;
}

.jcsa-leadcategories-addcategory:focus + .jcsa-leadcategories-addcategory-label {
    display: block !important;
}


.orderButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a4e271;
    box-shadow: inset 0px 1px 0px 0px #a4e271;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
    background: -moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
    background-color: #89c403;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #74b807;
    display: inline-block;
    color: #ffffff;
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    padding: 12px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #528009;
}

    .orderButton:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
        background: -moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
        background-color: #77a809;
    }

    .orderButton:active {
        position: relative;
        top: 1px;
    }

.jcsa-seminar-choosecoursegroup {
    width: 625px;
}

.jcsa-seminar-choosetrack {
    width: 760px;
}

.jcsa-choose-seminars {
    display: none;
    text-align: center;
}

.jcsa-seminar-choosecoursegroup input {
    display: none;
}

.jcsa-seminar-coursegroup {
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0;
}

.jcsa-seminar {
    display: inline;
    float: left;
    width: 200px;
    height: 80px;
    text-align: center;
    font-size: 1.2em;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid #ebedf4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 2px;
}

    .jcsa-seminar.firstCourse {
        background-color: #ccc;
    }

.jcsa-seminar-wrap label {
    cursor: pointer;
}

.jcsa-seminar:hover {
    background-color: #f5deb3;
}

.jcsa-seminar.isChecked {
    background-color: lightgreen;
    border-color: #000;
}

.jcsa-seminar-coursegroup h2 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #c7cbd3;
    padding: 4px;
    cursor: pointer;
}

.jcsa-seminar-choosetrack tr:nth-child(even) {
    background-color: #ebedf4;
}

.jcsa-seminar-choosetrack td {
    cursor: pointer;
    padding: 4px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.jcsa-seminar-choosetrack tr:hover {
    background-color: #f5deb3;
}

.jcsa-seminar-choosetrack tr.isChecked td {
    background-color: lightgreen;
    border-color: #000;
}

.jcsa-seminar-groups {
    display: inline-block;
    width: 205px;
}

.prereq {
    font-size: 0.8em;
}

.jcsa-seminar-choosetrack .highlight a {
    background: black !important;
    color: white !important;
}

.jcsa-seminar-calendar .ui-datepicker-multi {
    width: auto !important;
}

.jcsa-seminar-calendar .ui-datepicker-group {
    width: 240px !important;
}

.jcsa-seminar-calendar a {
    cursor: auto;
}

.jcsa-seminar-calendar .ui-datepicker-next, .jcsa-seminar-calendar .ui-datepicker-prev {
    display: none;
}

.rounded-corners {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.account-search {
    background: url('/Images/searchbar.png') no-repeat left top;
    height: 27px;
    width: 182px;
    margin-right: 7px;
}

    .account-search input[type=text] {
        width: 145px;
        height: 27px;
        border: medium none;
        background: none repeat scroll 0 0 transparent;
        padding-left: 5px;
        line-height: 27px;
    }

#ibtnSearchAccountLpcs {
    opacity: 0.3;
    width: 26px;
    height: 26px;
    cursor: pointer;
}

    #ibtnSearchAccountLpcs:hover {
        opacity: 1;
    }

#ibtnSearchAccount {
    cursor: pointer;
    width: 28px;
    height: 27px;
    background: none repeat scroll 0 0 transparent;
}

.jcsa-account-search-result {
    font-size: 0.85em;
}

.roundedGreenLabel {
    -moz-box-shadow: inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a4e271;
    box-shadow: inset 0px 1px 0px 0px #a4e271;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
    background: -moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
    background-color: #89c403;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #74b807;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 1px 1px 0px #528009;
    padding: 2px 25px;
}

.roundedRedLabel {
    -moz-box-shadow: inset 0px 1px 0px 0px #FF3333;
    -webkit-box-shadow: inset 0px 1px 0px 0px #FF3333;
    box-shadow: inset 0px 1px 0px 0px #FF3333;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E60000), color-stop(1, #cf0000) );
    background: -moz-linear-gradient( center top, #E60000 5%, #cf0000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
    background-color: #E60000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #cf0000;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 1px 1px 0px #B22424;
    padding: 2px 25px;
}

.ui-dialog-sticky {
    position: fixed !important;
}

.sticky-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
}

table.one-data-column > tbody tr td:first-child, table.two-data-column > tbody tr td:nth-child(odd) {
    background-color: #eeeee0;
    text-align: right;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

table.one-data-column > tbody tr td, table.two-data-column > tbody tr td {
    width: 25%;
}

.highlight {
    background-color: black;
}

.ui-datepicker-multi {
    width: auto !important;
}

.ui-datepicker-group {
    width: 200px;
}

.jcsa-seminar-dialog a {
    cursor: auto;
}

.jcsa-seminar-dialog .ui-datepicker-next, .jcsa-seminar-dialog .ui-datepicker-prev {
    display: none;
}

.jcsa-seminar-dialog {
    font-size: 0.9em !important;
}

.jcsa-seminar-track ul {
    list-style: none inside none;
}

    .jcsa-seminar-track ul li {
        padding-bottom: 10px;
    }

        .jcsa-seminar-track ul li h3 {
            padding-bottom: 5px;
        }

.jcsa-employee-view {
    width: 150px;
    text-align: left;
    float: left;
    font-family: 'lucida grande',tahoma,verdana,Verdana,sans-serif;
    margin: 3px;
}

    .jcsa-employee-view div:first-child {
        width: 40px;
        height: 40px;
        float: left;
    }

    .jcsa-employee-view div:last-child {
        width: 107px;
        vertical-align: middle;
        float: right;
        padding-left: 3px;
    }

    .jcsa-employee-view img {
        position: relative;
        width: 40px;
        height: 40px;
    }

    .jcsa-employee-view:hover img.jcsa-employee-pic {
        top: -60px;
        left: -60px;
        width: 100px;
        height: 100px;
        z-index: 999;
    }

    .jcsa-employee-view .employeeViewName {
        font-size: 12px; /*0.8em;*/
        display: block;
    }

    .jcsa-employee-view .employeeViewSubtext {
        font-size: 10px; /*0.7em;*/
        display: block;
    }

.display-inline {
    display: inline;
}

.display-block {
    display: block;
}

.dashboard-link {
    display: none;
}

/* http://stackoverflow.com/questions/13107118/how-to-remove-the-arrows-from-inputtype-number-in-opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/* http://stackoverflow.com/questions/23372903/hide-spinner-in-input-number-firefox-29 */
input[type=number] {
    -moz-appearance: textfield;
}

#dashboard {
    display: none;
}

.spr-header {
    padding: 10px 0px 10px;
    background-color: #e5e5e5 !important;
    margin-top: -10px !important;
}

.spr-body {
    background-color: #fffff0 !important;
}

.spr-select {
    text-indent: 5px;
}

/* created because hidden conflicts with bootstrap */
.jcsa-hidden {
    display: none;
}
.tb-row:hover {
    background-color: #ddd;
}
.search-fix {
    bottom: -10px;
}

.smsMessage-options {
    margin: 10px 0;
    color: black;
    font-size: 16px
}

.pgr {
    padding: 8px;
    cursor: pointer;
}

.page-num {
    width: 55px;
    background-color: #f9f9f9;
    padding: 3px;
}

.th-sort {
    cursor: pointer;
}

.smsMessage-msg {
        max-width: 850px;
    max-height: 200px;
    overflow-y: auto;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}


/* bootstrap extensions */
input.input-xs {
  height: 22px;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.table-smallheader th {
    font-size: 0.9em;
}

td.fit-content {
    width: 1%;
    white-space: nowrap;
}

[ng-cloak], .ng-cloak {
    display: none;
}