/* ------------------ Sizes --------------------*/

.s8 {
    font-size: 8px !important;
}

.s10 {
    font-size: 10px !important;
}

.s12 {
    font-size: 12px !important;
}

.s14 {
    font-size: 14px !important;
}

.s16 {
    font-size: 16px !important;
}

.s18 {
    font-size: 18px !important;
}

.s20 {
    font-size: 20px !important;
}

.s24 {
    font-size: 24px !important;
}

.s32 {
    font-size: 32px !important;
}

.s64 {
    font-size: 64px !important;
}

.thin {
    font-weight: 100
}


/* ------------------ Vertical align --------------------*/

.vat {
    vertical-align: top !important;
}

.vam {
    vertical-align: middle !important;
}

.vab {
    vertical-align: bottom !important;
}

.vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* ------------------ Margins --------------------*/

.row.no-padding {
    margin-left: 0;
    margin-right: 0;
}

.row.no-padding [class^="col-"] {
    padding: 0;
}

.m0 {
    margin: 0 !important;
}

.m5 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 5px !important;
}

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

.mt15 {
    margin-top: 15px !important;
}

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

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

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr5 {
    margin-right: 5px !important;
}

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

.mr15 {
    margin-right: 15px !important;
}

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

.mr25 {
    margin-right: 25px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

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

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

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

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

.mb50 {
    margin-bottom: 50px !important;
}

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

.ml5 {
    margin-left: 5px !important;
}

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

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml50 {
    margin-left: 50px !important;
}


/* Minus margins */

.mlm5 {
    margin-left: -5px !important;
}

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

.mlm15 {
    margin-left: -15px !important;
}

.mlm20 {
    margin-left: -20px !important;
}

.mlm25 {
    margin-left: -25px !important;
}

.mtm5 {
    margin-top: -5px !important;
}

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

.mtm15 {
    margin-top: -15px !important;
}

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

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

.mrm5 {
    margin-right: -5px !important;
}

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

.mrm15 {
    margin-right: -15px !important;
}

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

.mrm25 {
    margin-right: -25px !important;
}

.mbm5 {
    margin-bottom: -5px !important;
}

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

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

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

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


/* ------------------ Paddings --------------------*/

.p0 {
    padding: 0 !important;
}

.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

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

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pl0 {
    padding-left: 0 !important;
}

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

.pl10 {
    padding-left: 10px !important;
}

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

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl125 {
    padding-left: 125px !important;
}

.pr125 {
    padding-right: 125px !important;
}

.pl125 {
    padding-left: 125px !important;
}

.pr115 {
    padding-right: 115px !important;
}

.pl115 {
    padding-left: 115px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pl50 {
    padding-left: 50px !important;
}


/* ------------------ Widths --------------------*/

.w5 {
    width: 5px !important;
}

.w10 {
    width: 10px !important;
}

.w15 {
    width: 15px !important;
}

.w20 {
    width: 20px !important;
}

.w25 {
    width: 25px !important;
}

.w30 {
    width: 30px !important;
}

.w35 {
    width: 35px !important;
}

.w40 {
    width: 40px !important;
}

.w45 {
    width: 45px !important;
}

.w50 {
    width: 50px !important;
}

.w55 {
    width: 55px !important;
}


/* ------------------ Percent widths --------------------*/

.per5 {
    width: 5% !important;
}

.per10 {
    width: 10% !important;
}

.per15 {
    width: 15% !important;
}

.per20 {
    width: 20% !important;
}

.per25 {
    width: 25% !important;
}

.per30 {
    width: 30% !important;
}

.per35 {
    width: 35% !important;
}

.per40 {
    width: 40% !important;
}

.per45 {
    width: 45% !important;
}

.per50 {
    width: 50% !important;
}

.per55 {
    width: 55% !important;
}

.per60 {
    width: 60% !important;
}

.per65 {
    width: 65% !important;
}

.per70 {
    width: 70% !important;
}

.per75 {
    width: 75% !important;
}

.per80 {
    width: 80% !important;
}

.per85 {
    width: 85% !important;
}

.per90 {
    width: 90% !important;
}

.per95 {
    width: 95% !important;
}

.per100 {
    width: 100% !important;
}


/* ------------------ Borders --------------------*/

.b {
    border: 1px solid #c3c3c3 !important;
}

.bt {
    border-top: 1px solid #c3c3c3 !important;
}

.br {
    border-right: 1px solid #c3c3c3 !important;
}

.bb {
    border-bottom: 1px solid #c3c3c3 !important;
}

.bl {
    border-left: 1px solid #c3c3c3 !important;
}

.btlr {
    border-top-left-radius: 3px !important;
}

.btrr {
    border-top-right-radius: 3px !important;
}

.bblr {
    border-bottom-left-radius: 3px !important;
}

.bbrr {
    border-bottom-right-radius: 3px !important;
}

.brall {
    border-radius: 3px !important;
}

.bn {
    border: none !important;
}

.bnt {
    border-top: none !important;
}

.bnb {
    border-bottom: none !important;
}

.bnl {
    border-left: none !important;
}

.bnr {
    border-right: none !important;
}

.brad0 {
    border-radius: 0 !important;
}

.btlr0 {
    border-top-left-radius: 0 !important;
}

.btrr0 {
    border-top-right-radius: 0 !important;
}

.bblr0 {
    border-bottom-left-radius: 0 !important;
}

.bbrr0 {
    border-bottom-right-radius: 0 !important;
}

.brad {
    border-radius: 3px !important;
}

.bbdashed {
    border-bottom: 1px dashed #e3e3e3 !important;
}


/* ------------------ Chart Colors --------------------*/

/* blues and greens */

.color-chart-1 {
    background-color: #579dd5
}

.color-chart-2 {
    background-color: #5d69b1
}

.color-chart-3 {
    background-color: #7759a6
}

.color-chart-4 {
    background-color: #662d91
}

.color-chart-5 {
    background-color: #1b75bc
}

.color-chart-6 {
    background-color: #00a79d
}

.color-chart-7 {
    background-color: #2bc1d7
}

.color-chart-8 {
    background-color: #add47d
}

.color-chart-9 {
    background-color: #63bd67
}


/* yellow */

.color-chart-10 {
    background-color: #fbb040
}


/* reds */

.color-chart-11 {
    background-color: #ef4136
}

.color-chart-12 {
    background-color: #ee2a7b
}

.color-chart-13 {
    background-color: #da1c5c
}

.color-chart-14 {
    background-color: #9e1f63
}

.color-chart-15 {
    background-color: #92278f
}


/* ------------------ Colors --------------------*/

.color-red {
    color: #db5565 !important;
}

.color-red-light {
    color: #df6a78 !important;
}

.color-red-dark {
    color: #c04b59 !important;
}

.color-blue {
    color: #0bacd3 !important;
}

.color-blue-light {
    color: #29b6d8 !important;
}

.color-blue-dark {
    color: #0a97b9 !important;
}

.color-green {
    color: #51bf87 !important;
}

.color-green-light {
    color: #66c796 !important;
}

.color-green-dark {
    color: #47a877 !important;
}

.color-yellow {
    color: #f4ad49 !important;
}

.color-yellow-light {
    color: #f5b75f !important;
}

.color-yellow-dark {
    color: #d69840 !important;
}

.color-white {
    color: #ffffff !important;
}

.color-dark {
    color: #262d37 !important;
}

.color-dark-light {
    color: #303946 !important;
}

.color-dark-dark {
    color: #1c2128 !important;
}

.color-gray {
    color: #555555 !important;
}

.color-gray-light {
    color: #777777 !important;
}

.color-gray-dark {
    color: #333333 !important;
}

.color-inherit {
    color: inherit !important;
}


/* ------------------ Backgrounds --------------------*/

.transparent-bg {
    background-color: transparent;
}

.white-bg {
    color: #333333 !important;
    background-color: #ffffff !important;
}

.red-bg {
    color: #ffffff !important;
    background-color: #db5565 !important;
}

.red-light-bg {
    color: #ffffff !important;
    background-color: #df6a78 !important;
}

.red-dark-bg {
    color: #ffffff !important;
    background-color: #c04b59 !important;
}

.blue-bg {
    color: #ffffff !important;
    background-color: #0bacd3 !important;
}

.blue-light-bg {
    color: #ffffff !important;
    background-color: #29b6d8 !important;
}

.blue-dark-bg {
    color: #ffffff !important;
    background-color: #0a97b9 !important;
}

.green-bg {
    color: #ffffff !important;
    background-color: #51bf87 !important;
}

.green-light-bg {
    color: #ffffff !important;
    background-color: #66c796 !important;
}

.green-dark-bg {
    color: #ffffff !important;
    background-color: #47a877 !important;
}

.yellow-bg {
    color: #ffffff !important;
    background-color: #f4ad49 !important;
}

.yellow-light-bg {
    color: #ffffff !important;
    background-color: #f5b75f !important;
}

.yellow-dark-bg {
    color: #ffffff !important;
    background-color: #d69840 !important;
}

.gray-bg {
    color: #333333 !important;
    background-color: #555555 !important;
}

.gray-light-bg {
    color: #333333 !important;
    background-color: #777777 !important;
}

.gray-lighter-bg {
    color: #333333 !important;
    background-color: #eeeeee !important;
}

.gray-dark-bg {
    color: #333333 !important;
    background-color: #333333 !important;
}

.gray-darker-bg {
    color: #333333 !important;
    background-color: #222222 !important;
}

.dark-bg {
    color: #ffffff !important;
    background-color: #262d37 !important;
}

.dark-light-bg {
    color: #ffffff !important;
    background-color: #303946 !important;
}

.dark-dark-bg {
    color: #ffffff !important;
    background-color: #1c2128 !important;
}


/* ------------------ Border Colors --------------------*/

.white-bc {
    border-color: #ffffff !important;
}

.red-bc {
    border-color: #db5565 !important;
}

.red-light-bc {
    border-color: #df6a78 !important;
}

.red-dark-bc {
    border-color: #c04b59 !important;
}

.blue-bc {
    border-color: #0bacd3 !important;
}

.blue-light-bc {
    border-color: #29b6d8 !important;
}

.blue-dark-bc {
    border-color: #0a97b9 !important;
}

.green-bc {
    border-color: #51bf87 !important;
}

.green-light-bc {
    border-color: #66c796 !important;
}

.green-dark-bc {
    border-color: #47a877 !important;
}

.yellow-bc {
    border-color: #f4ad49 !important;
}

.yellow-light-bc {
    border-color: #f5b75f !important;
}

.yellow-dark-bc {
    border-color: #d69840 !important;
}

.gray-bc {
    border-color: #555555 !important;
}

.gray-light-bc {
    border-color: #777777 !important;
}

.gray-lighter-bc {
    border-color: #f5f5f5 !important;
}

.gray-dark-bc {
    border-color: #333333 !important;
}

.gray-darker-bc {
    border-color: #222222 !important;
}

.dark-bc {
    border-color: #262d37 !important;
}

.dark-light-bc {
    border-color: #303946 !important;
}

.dark-dark-bc {
    border-color: #1c2128 !important;
}


/* ------------------Hover Border Colors --------------------*/

.white-bc-hover:hover {
    border-color: #ffffff !important;
}

.red-bc-hover:hover {
    border-color: #db5565 !important;
}

.red-light-bc-hover:hover {
    border-color: #df6a78 !important;
}

.red-dark-bc-hover:hover {
    border-color: #c04b59 !important;
}

.blue-bc-hover:hover {
    border-color: #0bacd3 !important;
}

.blue-light-bc-hover:hover {
    border-color: #29b6d8 !important;
}

.blue-dark-bc-hover:hover {
    border-color: #0a97b9 !important;
}

.green-bc-hover:hover {
    border-color: #51bf87 !important;
}

.green-light-bc-hover:hover {
    border-color: #66c796 !important;
}

.green-dark-bc-hover:hover {
    border-color: #47a877 !important;
}

.yellow-bc-hover:hover {
    border-color: #f4ad49 !important;
}

.yellow-light-bc-hover:hover {
    border-color: #f5b75f !important;
}

.yellow-dark-bc-hover:hover {
    border-color: #d69840 !important;
}

.gray-bc-hover:hover {
    border-color: #555555 !important;
}

.gray-light-bc-hover:hover {
    border-color: #777777 !important;
}

.gray-lighter-bc-hover:hover {
    border-color: #f5f5f5 !important;
}

.gray-dark-bc-hover:hover {
    border-color: #333333 !important;
}

.gray-darker-bc-hover:hover {
    border-color: #222222 !important;
}

.dark-bc-hover:hover {
    border-color: #262d37 !important;
}

.dark-light-bc-hover:hover {
    border-color: #303946 !important;
}

.dark-dark-bc-hover:hover {
    border-color: #1c2128 !important;
}


/* ------------------ Opacity --------------------*/

.opacity {
    opacity: 1 !important;
}

.opacity0 {
    opacity: 0 !important;
}


/* ------------------ Typo --------------------*/

.strong {
    font-weight: bold;
}

.uppercase {
    text-transform: uppercase;
}

.normal {
    font-weight: normal;
}

.fw200 {
    font-weight: 200;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.text-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ------------------ Contextual colors --------------------*/

.text-muted {
    color: #777777;
}

.text-primary {
    color: #0bacd3;
}

a.text-primary:hover {
    color: #0884a3;
}

.text-success {
    color: #51bf87;
}

a.text-success:hover {
    color: #3ba26e;
}

.text-info {
    color: #29b6d8;
}

a.text-info:hover {
    color: #2093ae;
}

.text-warning {
    color: #f4ad49;
}

a.text-warning:hover {
    color: #f19719;
}

.text-danger {
    color: #db5565;
}

a.text-danger:hover {
    color: #d12c40;
}

.text-yellow {
    color: #f4ad49;
}

a.text-yellow:hover {
    color: #f19719;
}

.text-dark {
    color: #262d37;
}

a.text-dark:hover {
    color: #111419;
}


/* ------------------ Positions --------------------*/

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.floatline {
    float: left
}

.displaytable {
    display: table
}


/* ------------------ Rotate helpers --------------------*/

.rotate0 {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.rotate15 {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}

.rotate30 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.rotate45 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rotate60 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.rotate75 {
    -webkit-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    transform: rotate(75deg);
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate105 {
    -webkit-transform: rotate(105deg);
    -ms-transform: rotate(105deg);
    transform: rotate(105deg);
}

.rotate120 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.rotate135 {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.rotate150 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.rotate165 {
    -webkit-transform: rotate(165deg);
    -ms-transform: rotate(165deg);
    transform: rotate(165deg);
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotateM15 {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.rotateM30 {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.rotateM45 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.rotateM60 {
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.rotateM75 {
    -webkit-transform: rotate(-75deg);
    -ms-transform: rotate(-75deg);
    transform: rotate(-75deg);
}

.rotateM90 {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.rotateM105 {
    -webkit-transform: rotate(-105deg);
    -ms-transform: rotate(-105deg);
    transform: rotate(-105deg);
}

.rotateM120 {
    -webkit-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    transform: rotate(-120deg);
}

.rotateM135 {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.rotateM150 {
    -webkit-transform: rotate(-150deg);
    -ms-transform: rotate(-150deg);
    transform: rotate(-150deg);
}

.rotateM165 {
    -webkit-transform: rotate(-165deg);
    -ms-transform: rotate(-165deg);
    transform: rotate(-165deg);
}

.rotateM180 {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}


/* ------------------ Other --------------------*/

.bshadowNone {
    box-shadow: none !important;
}

.di {
    display: inline !important;
}

.dib {
    display: inline-block !important;
    vertical-align: top;
}

.db {
    display: block !important;
}

.dtbl {
    display: table;
}

.dtbl > div {
    display: table-cell;
}

.plain-list {
    padding-left: 0px;
}

.plain-list > li {
    list-style-type: none;
}

.numbered-edit-field {
    display: table;
    width: 100%;
    height: 25px;
}

.numbered-edit-field > div {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.numbered-edit-field > div:first-child {
    width: 20px;
    height: 100%;
    border: 1px solid lightgrey;
    text-align: center;
    font-weight: bold;
}

.numbered-edit-field input.form-control {
    border-radius: 0px;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-text {
    cursor: text;
}

div.checkbox-wrapper,
div.radio-wrapper {
    display: table-row;
}

div.checkbox-wrapper > div,
div.radio-wrapper > div {
    display: table-cell;
    vertical-align: top;
}

div.checkbox-wrapper > div > *,
div.radio-wrapper > div > * {
    margin-right: 5px;
}

.height100pc {
    height: 100%;
}

div.center-content {
    display: table;
    line-height: 1;
    height: 100%;
    width: 100%;
}

div.center-content > div {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.group-title {
    font-size: 18px;
}



.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
}


@media (max-width: 1024px) {
    .sm-text-left {
        text-align: left;
    }
}

/* -----------------------------------------
   Bootstrap wizard
----------------------------------------- */

.bwizard .bwizard-steps {
    list-style: none;
    display: inline-block;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
    margin: 0 -15px;
}

.bwizard .bwizard-steps li {
    display: table-cell;
    width: 1%;
    float: none;
    position: relative;
}

.bwizard .bwizard-steps li a {
    width: 100%;
    display: inline-block;
    text-decoration: none;
    color: #555555;
    position: relative;
    padding: 20px 0;
}

.bwizard .progress-indicator.bwizard-steps li a {
    padding: 0
}

.bwizard .bwizard-steps li a .step-number {
    border-radius: 50%;
    background-color: #555555;
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 5px 11px;
    color: white;
}

.bwizard .bwizard-steps li a .step-number:after {
    content: "\2192";
    position: relative;
    left: 18px;
    top: -1px;
    color: #555555;
}

.bwizard .bwizard-steps li:last-child a .step-number:after {
    content: none;
    position: relative;
    left: 18px;
    top: -1px;
    color: #555555;
}


/* modify not to show steps */

.bwizard .bwizard-steps {
    border: none
}


/* modify wizard */

.bwizard.multi-step {
    padding-top: 20px
}

.bwizard.multi-step:last-child .bwizard-steps li a.step-number:after {
    content: none;
    position: relative
}

.bwizard .bwizard-steps li a .step-text {
    padding-left: 20px;
}


/* modify not to show steps */

.bwizard .bwizard-steps li.active a {
    color: #333333;
}

.bwizard .bwizard-steps li.active a .step-number {
    background-color: #03a9f4;
}

.bwizard .bwizard-steps li.active a .step-number:after {
    color: #333333;
}

.bwizard .bwizard-steps li.completed a {
    color: #919191;
}

.bwizard .bwizard-steps li.completed a .step-number {
    background-color: #919191;
}

.bwizard .bwizard-steps li.completed.active a .step-number {
    background-color: #03a9f4;
    ;
}

.bwizard .bwizard-steps li.completed a .step-number:after {
    color: #919191;
}

.bwizard .bwizard-steps li:first-child a .step-number {
    padding-left: 13px;
}

.bwizard .wizard-progress {
    border-bottom: 1px solid #e3e3e3;
    margin: -5px -15px 0;
    padding: 15px;
    background-color: #fcfcfc;
}

.bwizard form {
    margin-top: 10px;
}

.bwizard.multi-step form {
    margin-top: 0px;
}

.bwizard.multi-step .bwizard-steps li a .step-number {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    padding: 0;
    padding-left: 5px;
    color: white;
}

.bwizard.multi-step .input-group {
    width: 100%
}

.bwizard.multi-step .bwizard-steps {
    width: 100%;
}

.bwizard.multi-step .bwizard-steps {
    margin: 0
}

.bwizard.multi-step {
    text-align: left
}

.bwizard.multi-step form {
    text-align: left
}

.bwizard .pager {
    border-top: 1px solid #e3e3e3;
    margin: 0 -15px;
    padding: 20px 15px;
}

.progress-indicator {
    /* display: -webkit-box; */
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* display: flex; */
}

.progress-indicator {
    margin: 0;
    padding: 0;
    font-size: 80%;
    text-transform: uppercase;
    margin-bottom: 1em;
}

.progress-indicator > li {
    list-style: none;
    text-align: center;
    width: auto;
    padding: 0;
    margin: 0;
    position: relative;
    text-overflow: ellipsis;
    color: #bbbbbb;
    display: block;
}

.progress-indicator > li:hover {
    color: #6e6e6e;
}

.progress-indicator > li .bubble {
    border-radius: 1000px;
    width: 10px;
    height: 10px;
    background-color: #bbbbbb;
    display: block;
    margin: 0 auto 0.5em auto;
    border-bottom: 1px solid #888888;
}

.progress-indicator > li .bubble:before,
.progress-indicator > li .bubble:after {
    display: block;
    position: absolute;
    top: 4px;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #bbbbbb;
}

.progress-indicator > li .bubble:before {
    left: 0;
}

.progress-indicator > li .bubble:after {
    right: 0;
}

.progress-indicator > li.completed {
    color: #0bacd3;
}

.progress-indicator > li.completed .bubble {
    background-color: #00a79d;
    color: #00a79d;
    border-color: #00a79d;
}

.progress-indicator > li.active .bubble,
.progress-indicator > li.completed.active .bubble {
    background-color: #231f20;
    color: #231f20;
    border-color: #231f20;
}

.progress-indicator > li.completed.active .bubble:before,
.progress-indicator > li.completed.active .bubble:after {
    background-color: #231f20;
    border-color: #231f20;
}

.progress-indicator > li.active .bubble:before,
.progress-indicator > li.active .bubble:after {
    background-color: #231f20;
    border-color: #231f20;
}

.progress-indicator > li.completed .bubble:before,
.progress-indicator > li.completed .bubble:after {
    background-color: #00a79d;
    border-color: #00a79d;
}

.progress-indicator > li a:hover .bubble {
    background-color: #231f20;
    color: #231f20;
    border-color: #1f306e;
}

.progress-indicator > li a:hover .bubble:before,
.progress-indicator > li a:hover .bubble:after {
    background-color: #231f20;
    border-color: #231f20;
}

.progress-indicator > li.danger .bubble {
    background-color: #d3140f;
    color: #d3140f;
    border-color: #440605;
}

.progress-indicator > li.danger .bubble:before,
.progress-indicator > li.danger .bubble:after {
    background-color: #d3140f;
    border-color: #440605;
}

.progress-indicator > li.warning .bubble {
    background-color: #edb10a;
    color: #edb10a;
    border-color: #5a4304;
}

.progress-indicator > li.warning .bubble:before,
.progress-indicator > li.warning .bubble:after {
    background-color: #edb10a;
    border-color: #5a4304;
}

.progress-indicator > li.info .bubble {
    background-color: #27aae1;
    color: #27aae1;
    border-color: #27aae1;
}

.progress-indicator > li.info .bubble:before,
.progress-indicator > li.info .bubble:after {
    background-color: #27aae1;
    border-color: #27aae1;
}

.progress-indicator.stacked > li {
    text-indent: -10px;
    text-align: center;
    display: block;
}

.progress-indicator.stacked > li .bubble:before,
.progress-indicator.stacked > li .bubble:after {
    left: 50%;
    margin-left: -1.5px;
    width: 3px;
    height: 100%;
}

.progress-indicator.stacked .stacked-text {
    position: relative;
    z-index: 10;
    top: 0;
    margin-left: 60% !important;
    width: 45% !important;
    display: inline-block;
    text-align: left;
    line-height: 1.2em;
}

.progress-indicator.stacked > li a {
    border: none;
}

@media handheld,
screen and (max-width: 400px) {
    .progress-indicator {
        font-size: 60%;
    }
}

/*--added c100 clause to prevent collision with circles library--*/

.c100 {
    padding: 0px !important;
}

@font-face {
  font-family: "fontello";
  src: url("/smart/assets/fonts/smart-fonts/font/fontello.woff?59606500&v=4") format("woff");
  font-weight: normal;
  font-style: normal;
}

/*
url('/smart/assets/fonts/smart-fonts/font/fontello.eot?59606500#iefix') format('embedded-opentype'),
     url('/smart/assets/fonts/smart-fonts/font/fontello.woff2?59606500') format('woff2'),
      url('/smart/assets/fonts/smart-fonts/font/fontello.woff?59606500') format('woff'),
       url('/smart/assets/fonts/smart-fonts/font/fontello.ttf?59606500') format('truetype'),
        url('/smart/assets/fonts/smart-fonts/font/fontello.svg?59606500#fontello') format('svg');

*/
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?59606500#fontello') format('svg');
  }
}
*/

[class^="icon-sm_"]:before,
[class*=" icon-sm_"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-sm_arrow-left:before {
  content: "\e800";
}

/* '' */

.icon-sm_arrow-right:before {
  content: "\e801";
}

/* '' */

.icon-sm_attachment-full:before {
  content: "\e802";
}

/* '' */

.icon-sm_attachment:before {
  content: "\e803";
}

/* '' */

.icon-sm_bonus:before {
  content: "\e804";
}

/* '' */

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

/* '' */

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

/* '' */

.icon-sm_close:before {
  content: "\e807";
}

/* '' */

.icon-sm_comission:before {
  content: "\e808";
}

/* '' */

.icon-sm_comments-full:before {
  content: "\e809";
}

/* '' */

.icon-sm_comments:before {
  content: "\e80a";
}

/* '' */

.icon-sm_delete:before {
  content: "\e80b";
}

/* '' */

.icon-sm_details-3:before {
  content: "\e80c";
}

/* '' */

.icon-sm_dhs2-approval:before {
  content: "\e80d";
}

/* '' */

.icon-sm_dhs2-awaiting-approval:before {
  content: "\e80e";
}

/* '' */

.icon-sm_dhs2-denied:before {
  content: "\e80f";
}

/* '' */

.icon-sm_discipline:before {
  content: "\e810";
}

/* '' */

.icon-sm_download:before {
  content: "\e811";
}

/* '' */

.icon-sm_edit:before {
  content: "\e812";
}

/* '' */

.icon-sm_empl-approved-39:before {
  content: "\e813";
}

/* '' */

.icon-sm_empl-approved-62:before {
  content: "\e814";
}

/* '' */

.icon-sm_empl-authorized:before {
  content: "\e815";
}

/* '' */

.icon-sm_empl-authorized2:before {
  content: "\e816";
}

/* '' */

.icon-sm_empl-non-authorized:before {
  content: "\e817";
}

/* '' */

.icon-sm_ext-data:before {
  content: "\e818";
}

/* '' */

.icon-sm_ext-data2:before {
  content: "\e819";
}

/* '' */

.icon-sm_folder-full:before {
  content: "\e81a";
}

/* '' */

.icon-sm_help:before {
  content: "\e81b";
}

/* '' */

.icon-sm_hold:before {
  content: "\e81c";
}

/* '' */

.icon-sm_info-change:before {
  content: "\e81d";
}

/* '' */

.icon-sm_info:before {
  content: "\e81e";
}

/* '' */

.icon-sm_leave:before {
  content: "\e81f";
}

/* '' */

.icon-sm_lifecycle:before {
  content: "\e820";
}

/* '' */

.icon-sm_new-hire:before {
  content: "\e821";
}

/* '' */

.icon-sm_non-pay-change:before {
  content: "\e822";
}

/* '' */

.icon-sm_ok:before {
  content: "\e823";
}

/* '' */

.icon-sm_pay-change:before {
  content: "\e824";
}

/* '' */

.icon-sm_photo-approved:before {
  content: "\e825";
}

/* '' */

.icon-sm_photo-denied:before {
  content: "\e826";
}

/* '' */

.icon-sm_photo-waiting-approval:before {
  content: "\e827";
}

/* '' */

.icon-sm_preview:before {
  content: "\e828";
}

/* '' */

.icon-sm_print:before {
  content: "\e829";
}

/* '' */

.icon-sm_process-05:before {
  content: "\e82a";
}

/* '' */

.icon-sm_process-11:before {
  content: "\e82b";
}

/* '' */

.icon-sm_pushback:before {
  content: "\e82c";
}

/* '' */

.icon-sm_reinstate:before {
  content: "\e82d";
}

/* '' */

.icon-sm_resignation:before {
  content: "\e82e";
}

/* '' */

.icon-sm_retirement:before {
  content: "\e82f";
}

/* '' */

.icon-sm_return-from-leave:before {
  content: "\e830";
}

/* '' */

.icon-sm_save:before {
  content: "\e831";
}

/* '' */

.icon-sm_seasonal-leave:before {
  content: "\e832";
}

/* '' */

.icon-sm_settings-all:before {
  content: "\e833";
}

/* '' */

.icon-sm_settings:before {
  content: "\e834";
}

/* '' */

.icon-sm_submit:before {
  content: "\e835";
}

/* '' */

.icon-sm_termination:before {
  content: "\e836";
}

/* '' */

.icon-sm_title-change-1:before {
  content: "\e837";
}

/* '' */

.icon-sm_transition:before {
  content: "\e838";
}

/* '' */

.icon-sm_users:before {
  content: "\e839";
}

/* '' */

.icon-sm_vacation:before {
  content: "\e83a";
}

/* '' */

.icon-sm_verification-approval:before {
  content: "\e83b";
}

/* '' */

.icon-sm_verification-awaiting:before {
  content: "\e83c";
}

/* '' */

.icon-sm_verification-denied:before {
  content: "\e83d";
}

/* '' */

.icon-sm_view-detail-1:before {
  content: "\e83e";
}

/* '' */

.icon-sm_view-detail-2:before {
  content: "\e83f";
}

/* '' */

.icon-sm_view-detail:before {
  content: "\e840";
}

/* '' */

.icon-sm_view-details:before {
  content: "\e841";
}

/* '' */

.icon-sm_withdraw:before {
  content: "\e842";
}

/* '' */

.icon-sm_workflow:before {
  content: "\e843";
}

/* '' */

.icon-sm_case-continuation-2:before {
  content: "\e844";
}

/* '' */

.icon-sm_case-continuation:before {
  content: "\e845";
}

/* '' */

.icon-sm_dhs-additional-verification:before {
  content: "\e846";
}

/* '' */

.icon-sm_dhs-awaiting-completion:before {
  content: "\e847";
}

/* '' */

.icon-sm_dhs-case-complete-1:before {
  content: "\e848";
}

/* '' */

.icon-sm_dhs-tentative-nonconfirmation:before {
  content: "\e849";
}

/* '' */

.icon-sm_dhs-case-complete:before {
  content: "\e84a";
}

/* '' */

.icon-sm_pending-hold:before {
  content: "\e84b";
}

/* '' */

.icon-sm_no-show:before {
  content: "\e84c";
}

/* '' */

.icon-sm_poi:before {
  content: "\e84d";
}

/* '' */

.icon-sm_referral:before {
  content: "\e84e";
}

/* '' */

.icon-sm_case-completed:before {
  content: "\e84f";
}

/* '' */

.icon-sm_resubmit:before {
  content: "\e850";
}

/* '' */

.icon-sm_sec2-awaiting:before {
  content: "\e851";
}

/* '' */

.icon-sm_tentative-nonconfirmation:before {
  content: "\e852";
}

/* '' */

.icon-sm_dhs-referral:before {
  content: "\e853";
}

/* '' */

.icon-sm_dept-transfer:before {
  content: "\e854";
}

/* '' */

.icon-sm_pre-screen:before {
  content: "\e855";
}

/* '' */

.icon-sm_pre-screen2:before {
  content: "\e856";
}

/* '' */

.icon-sm_empl-agreement:before {
  content: "\e857";
}

/* '' */

.icon-sm_empl-separation:before {
  content: "\e858";
}

/* '' */

.icon-sm_group-job-change:before {
  content: "\e859";
}

/* '' */

.icon-sm_agreement:before {
  content: "\e85a";
}

/* '' */

.icon-sm_empl-agreement2:before {
  content: "\e85b";
}

/* '' */

.icon-sm_job-change:before {
  content: "\e85c";
}

/* '' */

.icon-sm_title-change:before {
  content: "\e85d";
}

/* '' */

.icon-sm_group-separation:before {
  content: "\e85e";
}

/* '' */

.icon-sm_group-termination:before {
  content: "\e85f";
}

/* '' */

.icon-sm_dollar-increase:before {
  content: "\e860";
}

/* '' */

.icon-sm_dollar-increase2:before {
  content: "\e861";
}

/* '' */

.icon-sm_dollar:before {
  content: "\e862";
}

/* '' */

.icon-sm_discipline-22:before {
  content: "\e863";
}

/* '' */

.icon-sm_group-discipline:before {
  content: "\e864";
}

/* '' */

.icon-sm_benefits:before {
  content: "\e865";
}

/* '' */

.icon-sm_policies2:before {
  content: "\e866";
}

/* '' */

.icon-sm_policies:before {
  content: "\e867";
}

/* '' */

.icon-sm_awaiting-rehire-2:before {
  content: "\e868";
}

/* '' */

.icon-sm_awaiting-rehire:before {
  content: "\e869";
}

/* '' */

.icon-sm_awaiting-sec3:before {
  content: "\e86a";
}

/* '' */

.icon-sm_duplicate-case-closed:before {
  content: "\e86b";
}

/* '' */

.icon-sm_duplicate-case:before {
  content: "\e86c";
}

/* '' */

.icon-sm_e-verify-completed:before {
  content: "\e86d";
}

/* '' */

.icon-sm_rehire-completed:before {
  content: "\e86e";
}

/* '' */

.icon-sm_reverify-completed:before {
  content: "\e86f";
}

/* '' */

.icon-sm_ssa-awaiting-completion:before {
  content: "\e870";
}

/* '' */

.icon-sm_ssa-case-complete-copy:before {
  content: "\e871";
}

/* '' */

.icon-sm_ssa-case-complete:before {
  content: "\e872";
}

/* '' */

.icon-sm_ssa-in-continuance:before {
  content: "\e873";
}

/* '' */

.icon-sm_ssa-referral-copy:before {
  content: "\e874";
}

/* '' */

.icon-sm_ssa-resubmit:before {
  content: "\e875";
}

/* '' */

.icon-sm_ssa-reverify:before {
  content: "\e876";
}

/* '' */

.icon-sm_ssa-tentative-nonconfirmation:before {
  content: "\e877";
}

/* '' */

.icon-sm_ssa-work-authorized:before {
  content: "\e878";
}

/* '' */

.icon-sm_unable-to-process:before {
  content: "\e879";
}

/* '' */

.icon-sm_verification-in-process:before {
  content: "\e87a";
}

/* '' */

.icon-sm_verification:before {
  content: "\e87b";
}

/* '' */

.icon-sm_remote-i9-assigned:before {
  content: "\e87c";
}

/* '' */

.icon-sm_remote-i9-assigned2:before {
  content: "\e87d";
}

/* '' */

.icon-sm_remote-i9-awaiting-review:before {
  content: "\e87e";
}

/* '' */

.icon-sm_remote-i9-pushedback2:before {
  content: "\e880";
}

/* '' */

.icon-sm_remote-i9-pushedback:before {
  content: "\e881";
}

/* '' */

.icon-sm_remote-i9-awaiting2:before {
  content: "\e882";
}

/* '' */

.icon-sm_remote-i9-awaiting:before {
  content: "\e883";
}

/* '' */

.icon-sm_remote-i9-awaiting-review2:before {
  content: "\e884";
}

.icon-sm_i9_doc:before {
  content: "\e885";
}

.icon-sm_everify:before {
  content: "\e886";
}

.icon-sm_i9_compliance:before {
  content: "\e887";
}

.icon-sm_i9_lifecycle:before {
  content: "\e888";
}

.icon-sm_inv_srch:before {
  content: "\e889";
}


.icon-sm_help_desk:before {
  content: "\e88A";
}

/* '' */

.login {
  height: auto;
  background-image: url(../img/login-background.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed; }

.panel.panel-default.panel-login {
  position: absolute;
  top: 20px;
  /*border-radius: 10px;*/ }

.panel.panel-default.panel-login .btn {
  width: 100%; }

.login-logo {
  margin-bottom: 30px;
  padding: 20px;
  background-color: none;
  width: 200px;
  max-width: 100%; }

.login-footer {
  bottom: 0%;
  background-color: rgba(154, 205, 50, 0.03);
  position: absolute;
  left: 20%;
  width: 60%;
  color: #fff; }

.panel.panel-default.panel-login .form-group label.control-label {
  margin: 0px; }

.panel.panel-default.panel-login {
  position: absolute;
  left: 10%;
  top: 10%;
  padding: 30px;
  width: 80%; }

.panel.panel-default.panel-login .form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px; }

.panel.panel-default.panel-login .login-forgot {
  margin-bottom: 10px;
  margin-left: 0px;
  font-size: 13px; }

.login .btn:not(.btn-raised).btn-inactive {
  background-color: #e5e5e5; }

.login .btn-secondary:not(.btn-raised) {
  background-color: #29b6d8; }

@media only screen and (min-width: 1200px) {
  .panel.panel-default.panel-login {
    left: 20%;
    top: 20%;
    width: 60%; } }

/*-----------------------------------------
captcha styles
----------------------------------------- */
.visualCaptcha-explanation {
  color: #0072c6; }

.visualCaptcha-possibilities .visualCaptcha-selected {
  background-color: #dce8ef;
  border: #0072c6; }

.visualCaptcha-possibilities .visualCaptcha-selected {
  background-color: #c1f7e8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 4px;
  border: 1px dashed #099a9f; }

.form-horizontal label {
  margin-left: 0px; }

.form-control {
  height: 28px;
  margin-bottom: 0;
  padding: 3px 6px; }

.form-group {
  margin: 0 0 0 0;
  padding-bottom: 2px;
  margin-bottom: 10px; }

.form-horizontal .form-group .control-label,
.form-inline .form-group .control-label,
.form-group .control-label,
.form-inline .form-group .control-label {
  color: #6d6d6d;
  text-align: left !important; }

@media (min-width: 769.1px) {
  .form-horizontal .control-label {
    text-align: left !important; } }

.form-group .form-control ~ span,
.form-group .input-group ~ span {
  padding-top: 7px;
  display: block;
  word-wrap: break-word; }

.input-group .input-group-btn .btn {
  height: 28px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: transparent;
  color: #0072c6; }

.input-group > .input-group-btn > .btn:not(.btn-raised):not(.btn-link):hover,
.input-group > .input-group-btn > .btn:not(.btn-raised):not(.btn-link):focus {
  background-color: transparent;
  color: #0bacd3; }

.input-group > input.form-control:not([disabled]) {
  border-left: none;
  border-radius: 3px; }

.row {
  margin-left: 0px;
  margin-right: 0px; }

.bwizard .bwizard-steps {
  width: 100%; }

.bwizard .bwizard-steps li {
  vertical-align: top; }

/* -----------------------------------------
   Timeline
----------------------------------------- */
.timeline {
  list-style: none;
  padding-left: 0;
  position: relative; }

.timeline:after {
  content: "";
  height: auto;
  width: 1px;
  background: #e3e3e3;
  position: absolute;
  top: 5px;
  left: 30px;
  bottom: 25px; }

.timeline.timeline-sm:after {
  left: 12px; }

.timeline li {
  position: relative;
  padding-left: 70px;
  margin-bottom: 20px; }

.timeline li:after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e3e3e3;
  position: absolute;
  left: 24px;
  top: 5px; }

.timeline li .timeline-date {
  display: inline-block;
  width: 100%;
  color: #a6a6a6;
  font-style: italic;
  font-size: 13px; }

.timeline.timeline-icons li {
  padding-top: 7px; }

.timeline.timeline-icons li:after {
  width: 32px;
  height: 32px;
  background: #fff;
  border: 1px solid #e3e3e3;
  left: 14px;
  top: 0;
  z-index: 11; }

.timeline.timeline-icons li .timeline-icon {
  position: absolute;
  left: 25px;
  top: 5px;
  z-index: 12; }

.timeline.timeline-icons li .timeline-icon [class*=glyphicon] {
  top: -1px !important; }

.timeline.timeline-icons.timeline-sm li {
  padding-left: 40px;
  margin-bottom: 10px; }

.timeline.timeline-icons.timeline-sm li:after {
  left: -5px; }

.timeline.timeline-icons.timeline-sm li .timeline-icon {
  left: 4.5px; }

.timeline.timeline-advanced li {
  padding-top: 0; }

.timeline.timeline-advanced li:after {
  background: #fff;
  border: 1px solid #29b6d8; }

.timeline.timeline-advanced li:before {
  content: "";
  width: 52px;
  height: 52px;
  border: 10px solid #fff;
  position: absolute;
  left: 4px;
  top: -10px;
  border-radius: 50%;
  z-index: 12; }

.timeline.timeline-advanced li .timeline-icon {
  color: #29b6d8; }

.timeline.timeline-advanced li .timeline-title {
  font-size: 17px;
  margin-bottom: 0;
  padding-top: 5px;
  font-weight: 400; }

.timeline.timeline-advanced li .timeline-subtitle {
  display: inline-block;
  width: 100%;
  color: #a6a6a6;
  margin-left: 20px; }

.timeline.timeline-advanced li .timeline-content {
  margin-top: 10px;
  margin-bottom: 10px; }

.timeline.timeline-advanced li .timeline-content p {
  margin-bottom: 3px; }

.timeline.timeline-advanced li .timeline-content .divider-dashed {
  padding-top: 0px;
  margin-bottom: 7px;
  width: 200px; }

.timeline.timeline-advanced li .timeline-subitem {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  margin-left: 20px; }

.timeline.timeline-advanced li .timeline-subitem:before,
.timeline.timeline-advanced li .timeline-subitem:after {
  content: " ";
  display: table; }

.timeline.timeline-advanced li .timeline-subitem:after {
  clear: both; }

.timeline.timeline-advanced li .timeline-subitem .timeline-avatar {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 10px; }

.timeline.timeline-advanced li .timeline-subitem .timeline-subitem-name {
  margin-bottom: 0; }

.timeline.timeline-advanced li .timeline-subitem .timeline-subitem-subtitle {
  color: #a6a6a6;
  margin-top: -4px;
  margin-bottom: 0; }

.timeline.timeline-advanced li .timeline-link {
  margin-left: 5px;
  display: inline-block; }

.timeline-load-more-btn {
  margin-left: 70px; }

.timeline-load-more-btn i {
  margin-right: 5px; }

.minicolors-theme-bootstrap .minicolors-swatch {
  height: 22px;
  width: 25px; }

/*---modals---*/
.modal-dialog {
  max-width: 90%;
  margin: auto;
  margin-top: 100px; }

/*----------------------------------------
  validations
------------------------------------------*/
.sm-required-field-cue {
  color: #6d6d6d;
  position: absolute;
  left: -7px;
  padding-top: 0px; }

span.pserroricon {
  display: none !important; }

label[sm-ps-class*='PSERROR'] {
  background-color: #cc3c3c;
  color: white; }

input[sm-ps-class*='PSERROR'] ~ .pserroricon,
select[sm-ps-class*='PSERROR'] ~ .pserroricon,
textarea[sm-ps-class*='PSERROR'] ~ .pserroricon {
  position: absolute;
  right: 0px;
  bottom: 2px;
  color: #cc3c3c;
  padding: 6px;
  display: inline !important;
  z-index: 99; }

select[sm-ps-class*='PSERROR'] ~ .pserroricon {
  right: 10px; }

input[sm-ps-class*='PSERROR'],
textarea[sm-ps-class*='PSERROR'],
select[sm-ps-class*='PSERROR'],
input[sm-ps-class*='PSERROR']:hover,
textarea[sm-ps-class*='PSERROR']:hover,
select[sm-ps-class*='PSERROR']:hover,
input[sm-ps-class*='PSERROR']:focus,
textarea[sm-ps-class*='PSERROR']:focus,
select[sm-ps-class*='PSERROR']:focus,
input.PSERROR,
textarea.PSERROR,
select.PSERROR,
input.PSERROR:hover,
textarea.PSERROR:hover,
select.PSERROR:hover,
input.PSERROR:focus,
textarea.PSERROR:focus,
select.PSERROR:focus,
.validation-failed,
.validation-failed:hover,
.validation-failed:focus {
  border-color: #E75347; }

.validate-error-message {
  color: #E75347;
  font-weight: 400; }

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 3px; }

/*------*/

@font-face {
  font-family: "Roboto";
  src: url("/smart/assets/fonts/roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 200; }

@font-face {
  font-family: "Roboto";
  src: url("/smart/assets/fonts/roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300; }

@font-face {
  font-family: "Roboto";
  src: url("/smart/assets/fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400; }

@font-face {
  font-family: "Roboto";
  src: url("/smart/assets/fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: "Roboto";
  src: url("/smart/assets/fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700; }

.panel-body {
  padding: 30px; }

#sm_ps_alert_modal {
  z-index: 99999; }

#sm_generic_modal {
  z-index: 99998; }

body {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  color: #333333;
  line-height: 1.5; }

@media only screen and (min-width: 0) {
  body {
    font-size: 16px; } }

@media only screen and (min-width: 992px) {
  body {
    font-size: 14.5px; } }

@media only screen and (min-width: 1200px) {
  body {
    font-size: 14px; } }

iframe {
  max-width: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400; }

strong {
  font-weight: 400; }

label {
  font-weight: 400; }

.sm-text-value {
  font-weight: 400;
  word-wrap: break-word; }

#loading {
  position: fixed;
  left: 45%;
  top: 45%;
  z-index: 9999;
  text-align: center;
  background-color: white;
  border-radius: 10px;
  color: #0072c6; }

.bars-config {
  height: 11px; }

input[type="radio"],
input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 3px 0px 0px 0px; }

/*--------------------------------
  Links
----------------------------------*/
a,
a:focus,
a:hover {
  color: #0072c6; }

/*-----------------------------------------
buttons styles
----------------------------------------- */
.btn-default,
.btn-primary {
  background-color: #0072c6;
  border-color: #0072c6;
  /*set the color you want here*/ }

.btn-secondary {
  border: 1px solid #0072c6;
  color: #0072c6;
  background: transparent; }

.btn-secondary[disabled] {
  background-color: #adadad !important;
  color: white !important;
  border-color: #adadad !important;
  cursor: not-allowed; }

.btn-circle:not(.btn-raised) {
  color: #0072c6;
  font-weight: 400; }

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn:active .btn-primary:hover,
.btn:focus,
.btn:hover,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #0bacd3;
  border-color: #0bacd3; }

/* secondary buttons */
.btn-group-raised .btn:not(.btn-link),
.btn-group-raised .input-group-btn .btn:not(.btn-link),
.btn.btn-raised:not(.btn-link),
.input-group-btn .btn.btn-raised:not(.btn-link) {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.btn-group-raised .btn,
.btn-group-raised .btn.btn-default,
.btn-group-raised .input-group-btn .btn,
.btn-group-raised .input-group-btn .btn.btn-default,
.btn.btn-fab,
.btn.btn-fab.btn-default,
.btn.btn-raised,
.btn.btn-raised.btn-default,
.input-group-btn .btn.btn-fab,
.input-group-btn .btn.btn-fab.btn-default,
.input-group-btn .btn.btn-raised,
.input-group-btn .btn.btn-raised.btn-default {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.87); }

.btn-group-xs .btn,
.btn-group-xs .input-group-btn .btn,
.btn.btn-xs,
.input-group-btn .btn.btn-xs {
  padding: 4px 15px;
  font-size: 12px; }

.btn.btn-xs {
  border: none; }

.btn-inverse {
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid #fff;
  margin-top: 20px;
  color: #fff; }

.btn-inline {
  text-transform: capitalize; }

.btn-tertiary {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #efefef;
  border-radius: 15px;
  padding: 5px 10px; }

.btn-tertiary:hover {
  background-color: #ececec; }

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: grey;
  border-color: grey; }

button[disabled] {
  background-color: #adadad !important;
  color: white !important;
  border-color: #adadad !important;
  cursor: not-allowed; }

.input-group.collab-input-group input[type="text"] {
  border-left: 1px solid #cacaca; }

.input-group.collab-input-group input[type="button"] {
  background-color: #0072c6;
  border-color: #0072c6;
  color: #ffffff; }

/*-----------------------------------------
  panels
----------------------------------------- */
.panel {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none; }

[class*="panel-"] > .panel-heading {
  color: rgba(255, 255, 255, 0.84);
  border: 0; }

.panel-flat {
  -webkit-box-shadow: none;
  box-shadow: none; }

.panel > .panel-heading,
.panel.panel-default > .panel-heading {
  background-color: #ffffff; }

/*-----------------------------------------
   tabs styles
----------------------------------------- */
.nav-tabs {
  background: #ffffff; }

.nav-tabs > li > a i,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
  color: #333333; }

.home-tabs .nav-tabs > li > a {
  color: #333333;
  border: 0;
  margin: 0; }

.home-tabs.nav-tabs > li > a,
.home-tabs.nav-tabs > li > a:focus,
.home-tabs.nav-tabs > li > a:hover {
  background-color: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
  font-weight: 500; }

/*-----------------------------------------
 collapsible styles
----------------------------------------- */
.collapsible-link {
  color: #0a97b9;
  font-weight: 300; }

/*-----------------------------------------
breadcrums
----------------------------------------- */
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #fff; }

/*-----------------------------------------
error warning success block
----------------------------------------- */
.error-block {
  border-left: 5px solid #ec008c;
  text-align: left;
  background-color: rgba(239, 239, 239, 0.47);
  padding: 5px 15px; }

.error-block i {
  color: #ec008c; }

.highlite {
  color: #ec008c; }

.success {
  color: #00a79d;
  font-weight: 500; }

table.alternate-row-color > tbody > tr:hover {
  background-color: #eceeef; }

table {
  font-size: inherit; }

.row-alternate {
  background: rgba(238, 238, 238, 0.42); }

/*-----------------------------------------
 grid list styles
----------------------------------------- */
.dropdown-menu.grid-more-info-dropdown {
  top: inherit;
  left: inherit; }

.dropdown-menu.grid-more-info-dropdown div {
  box-sizing: border-box; }

.dropdown-menu.grid-more-info-dropdown:before {
  border: none; }

ul.more-info-dropdown {
  padding: 0;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto; }

.dropdown-menu.grid-more-info-dropdown li.more-info-preview {
  width: 275px;
  border-bottom: 1px solid #c1e2e5;
  padding: 20px 10px 10px 20px; }

.dropdown-menu.grid-more-info-dropdown li.more-info-preview i {
  font-size: 16px;
  color: #666666;
  margin-right: 5px; }

li.more-info-preview:hover {
  background: #e8f8f9;
  transition: all;
  transition-duration: 0.4s; }

li.more-info-preview > a {
  padding-top: 15px;
  padding-bottom: 15px; }

li.more-info-footer {
  margin: 5px 0; }

ul.alert-dropdown {
  width: 200px; }

/* -----------------------------------------
fixed menu styles
----------------------------------------- */
.cd-main-nav {
  padding-top: 30px; }

.cd-nav ul {
  position: fixed;
  text-align: -webkit-right;
  right: 10px;
  bottom: 20px;
  border-radius: 0.25em;
  padding-bottom: 20px;
  background: rgba(255, 255, 255, 0.04);
  visibility: hidden;
  /* remove overflow:hidden if you want to create a drop-down menu - but then remember to fix/eliminate the list items animation */
  overflow: hidden;
  z-index: 1;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
  -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
  transition: transform 0.3s, visibility 0s 0.3s;
  list-style: none;
  padding-left: 0; }

.cd-nav ul li {
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 5px 0px 15px 0px; }

.cd-nav ul.is-visible {
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.3s, visibility 0s 0s;
  transition: transform 0.3s, visibility 0s 0s; }

.cd-nav ul.is-visible li:nth-child(1) {
  /* list items animation */
  -webkit-animation: cd-slide-in 0.2s;
  -moz-animation: cd-slide-in 0.2s;
  animation: cd-slide-in 0.2s; }

.cd-nav ul.is-visible li:nth-child(2) {
  -webkit-animation: cd-slide-in 0.3s;
  -moz-animation: cd-slide-in 0.3s;
  animation: cd-slide-in 0.3s; }

.cd-nav ul.is-visible li:nth-child(3) {
  -webkit-animation: cd-slide-in 0.4s;
  -moz-animation: cd-slide-in 0.4s;
  animation: cd-slide-in 0.4s; }

.cd-nav ul.is-visible li:nth-child(4) {
  -webkit-animation: cd-slide-in 0.5s;
  -moz-animation: cd-slide-in 0.5s;
  animation: cd-slide-in 0.5s; }

.cd-nav ul.is-visible li:nth-child(5) {
  -webkit-animation: cd-slide-in 0.6s;
  -moz-animation: cd-slide-in 0.6s;
  animation: cd-slide-in 0.6s; }

.cd-nav li a {
  display: block;
  padding-top: 6px;
  text-align: center;
  /* border-bottom: 1px solid #eff2f6; */
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-color: white;
  /* transparent circles */
  border: 1px solid #0a97b9; }

.cd-nav li a:hover {
  /*border: 1px solid #ffffff;
	background: #0bacd3;
	color: #ffffff;*/
  border-width: 2px; }

.cd-nav i {
  color: #0a97b9;
  font-size: 16px; }

/*.cd-nav i:hover {
	color: #ffffff;
}*/
.cd-nav-trigger {
  position: fixed;
  bottom: 20px;
  right: 10px;
  width: 35px;
  height: 35px;
  background: #0a97b9;
  border-radius: 50%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 2; }

a.cd-nav-trigger {
  color: #ffffff; }

.cd-nav-trigger span {
  /* the span element is used to create the menu icon */
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: #e84a64;
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s; }

.cd-nav-trigger span::after,
.cd-nav-trigger span::before {
  content: "";
  position: absolute;
  left: 0;
  background: inherit;
  width: 100%;
  height: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, background 0s;
  -moz-transition: -moz-transform 0.3s, background 0s;
  transition: transform 0.3s, background 0s; }

.cd-nav-trigger span::before {
  top: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0); }

.cd-nav-trigger span::after {
  bottom: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0); }

.cd-nav-trigger.menu-is-open {
  box-shadow: none; }

.cd-nav-trigger.menu-is-open span {
  background: rgba(232, 74, 100, 0); }

.cd-nav-trigger.menu-is-open span::after,
.cd-nav-trigger.menu-is-open span::before {
  background: #e84a64; }

.cd-nav-trigger.menu-is-open span::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

.cd-nav-trigger.menu-is-open span::after {
  bottom: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg); }

@media only screen and (min-width: 1170px) {
  .cd-nav-trigger {
    /* the the menu triger is hidden by default on desktop devices */
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
    -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
    transition: transform 0.3s, visibility 0s 0.3s; }
  .is-fixed .cd-nav-trigger {
    visibility: visible;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation: cd-bounce-in 0.3s linear;
    -moz-animation: cd-bounce-in 0.3s linear;
    animation: cd-bounce-in 0.3s linear; } }

#cd-gallery-items li {
  margin-bottom: 1.5em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0.25em; }

#cd-gallery-items li img {
  width: 100%;
  display: block;
  border-radius: 0.25em; }

@media only screen and (min-width: 769.1px) {
  #cd-gallery-items li {
    width: 48%;
    float: left;
    margin-bottom: 2em;
    margin-right: 4%; }
  #cd-gallery-items li:nth-child(2n) {
    margin-right: 0; }
  .sm-required-field-cue {
    padding-top: 7px; } }

/* white text on icon */
.cd-nav-trigger span,
.cd-nav-trigger span::after,
.cd-nav-trigger span::before,
.cd-nav-trigger.menu-is-open span::after,
.cd-nav-trigger.menu-is-open span::before {
  background: #fff; }

.fc-event {
  position: relative;
  display: block;
  font-size: 0.85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #0a97b9;
  background-color: #0a97b9;
  font-weight: normal; }

@media (max-width: 769px) {
  .navbar-nav .open .dropdown-menu {
    position: absolute; }
  .form-group .form-control ~ span,
  .form-group .input-group ~ span {
    padding-top: 0px; } }

font {
  font-size: inherit; }

[sm-hidden="true"] {
  display: none !important; }

.SMBindsHighLighted {
  background-color: yellow;
  color: red; }

.SMBindLink {
  text-decoration: underline;
  color: blue; }

.scroll-row {
  background-color: #f9f9f9;
  padding: 20px 10px;
  border-bottom: 1px solid #e2e2e2; }

.scroll-row:last-child {
  background-color: #f9f9f9;
  padding: 20px 10px;
  border-bottom: none; }

.save-confirmation {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 99999;
  text-align: center;
  width: 100%; }
  .save-confirmation > div {
    display: inline-block;
    background-color: #51bf87;
    color: #fff;
    padding: 10px 25px;
    font-size: 16px;
    border-radius: 0px 0px 10px 10px;
    font-weight: bold;
    vertical-align: middle; }
  .save-confirmation .fa.notify-success {
    font-size: 24px;
    color: #fff;
    margin-right: 5px; }

/*---JIRA collector---*/
.atlwdg-popup {
  width: 80% !important;
  margin: auto; }

/*-----Alerts---*/
#sm_alerts_menu .badge:empty {
  display: none; }

#header .navbar-nav > li > a .badge {
  padding: 2px 4px;
  position: absolute;
  top: 8px;
  right: 5px;
  font-size: 8px; }

#alerts-popup-container {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 300px; }

.alert-info {
  background-color: #03a9f4;
  color: white; }

.alert.alert-info .close {
  color: white; }

.alert-actn-link,
.alert-actn-link:hover {
  color: inherit;
  text-decoration: none;
  padding: 0px !important; }

.no-alert-found {
  display: table;
  width: 100%;
  height: 100%; }

.no-alert-found > div {
  display: table-cell;
  font-size: 14px;
  vertical-align: middle;
  text-align: center; }

.alert-container .alert-item {
  padding: 8px 4px;
  border-bottom: 1px solid whitesmoke;
  font-size: 13px;
  position: relative; }

/* .alert-container .alert-item:last-child {
            border: none;
        }*/
.alert-item:hover {
  background-color: whitesmoke; }

.alert-item .alert-msg {
  margin-right: 10px; }

.alert-item .alert-close {
  position: absolute;
  top: 5px;
  right: 10px;
  padding: 0px !important;
  text-decoration: none; }

.alert-item .alert-close:hover {
  text-decoration: none;
  font-weight: bold;
  font-size: 16px; }

/*---Alerts end---*/
li[sm-qf-step].disabled > a,
li[sm-qf-step].disabled > a:focus {
  color: #07718a;
  background-color: #e8e8e8;
  border-color: #efefef; }

.sm-chk-box-toggle.sm-chk-box-no-lbl {
  display: inline-block; }

.sm-chk-box-toggle .chk-switch {
  display: inline-block;
  vertical-align: top;
  position: relative;
  vertical-align: middle;
  width: 40px;
  height: 20px;
  background-color: #9e9e9e;
  color: #9e9e9e;
  border-radius: 10px; }

.sm-chk-box-toggle .chk-switch::after {
  position: absolute;
  top: 2px;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 12px;
  padding: 2px;
  border-radius: 50%;
  background-color: #f5f5f5; }

.sm-chk-box-toggle[aria-checked="true"] .chk-switch {
  background-color: #0072c6;
  color: #0072c6; }

.sm-chk-box-toggle[aria-checked="true"] .chk-switch::after {
  right: 2px;
  content: "\f00c"; }

.sm-chk-box-toggle[aria-checked="false"] .chk-switch::after {
  left: 2px; }

.sm-chk-box-toggle[aria-disabled="true"] {
  cursor: not-allowed; }

.sm-chk-box-toggle[aria-disabled="true"] .chk-switch {
  background-color: #e2e2e2;
  border-color: #e2e2e2;
  color: #9e9e9e; }

.sm-af-has-content {
  position: relative; }

.sm-af-has-content::after {
  content: "\f111";
  color: #00b100;
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  top: -12px;
  right: -8px; }

/* -----------------------------------------
Top Navigation
----------------------------------------- */
#sm-template,
#sm-template > form,
#ps-page-container,
html,
body {
  height: 100%; }

#sm-template {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.sm_home_roletypes a {
  border-bottom: 1px solid #e6e6e6; }

.sm_home_roletypes a:last-child {
  border: none; }

#psc_wrapper {
  height: 100%;
  padding-top: 47px;
  position: relative;
  overflow: hidden; }

#psc_wrapper iframe {
  width: 100%;
  height: 1px;
  min-height: 100%;
  border: none; }

.navbar-nav {
  margin: 0; }

#header nav ul li {
  float: left; }

.sm-hdr-nav-menu,
.sm-hdr-notifications,
.sm-hdr-help,
.sm-hdr-account {
  display: none; }

/* -----------------------------------------
sitemap menu
----------------------------------------- */
.sm-hdr-nav-menu {
  max-height: 80%;
  box-shadow: 0px 6px 10px grey !important;
  position: fixed !important;
  background-color: white !important;
  overflow-y: auto;
  width: 100% !important;
  top: 38px; }
  .sm-hdr-nav-menu > .dropdown-sitemap {
    padding: 0px;
    width: 100%;
    margin: 0px;
    box-shadow: 0px 5px 10px grey; }
    .sm-hdr-nav-menu > .dropdown-sitemap .dropdown-sitemap-heading {
      display: block;
      font-size: 24px;
      font-weight: 300;
      clear: both;
      padding-bottom: 20px;
      padding-left: 20px; }
    .sm-hdr-nav-menu > .dropdown-sitemap a {
      display: block;
      font-weight: 300; }
    .sm-hdr-nav-menu > .dropdown-sitemap .sitemap-company div {
      margin-left: 0; }
    .sm-hdr-nav-menu > .dropdown-sitemap .row.sitemap-company {
      margin-left: 100px; }
    .sm-hdr-nav-menu > .dropdown-sitemap a:hover {
      text-decoration: none; }
    .sm-hdr-nav-menu > .dropdown-sitemap .list-group-item {
      border: none; }
    .sm-hdr-nav-menu > .dropdown-sitemap .sitemap-company-actions i {
      font-size: 24px;
      color: #666666;
      margin-left: 10px; }
    .sm-hdr-nav-menu > .dropdown-sitemap li {
      font-weight: 500;
      display: block;
      float: none; }
      .sm-hdr-nav-menu > .dropdown-sitemap li.config-menu-top {
        margin-top: 20px; }
      .sm-hdr-nav-menu > .dropdown-sitemap li.config-menu-sub {
        margin-top: 20px; }
      .sm-hdr-nav-menu > .dropdown-sitemap li a {
        padding: 8px 0px; }
    .sm-hdr-nav-menu > .dropdown-sitemap::-webkit-scrollbar {
      width: 5px;
      height: 0; }
    .sm-hdr-nav-menu > .dropdown-sitemap::-webkit-scrollbar-track {
      background: #efefef; }

#configMenu .dropdown-menu-header {
  background: #f7f9fe;
  font-weight: bold;
  border-bottom: 1px solid #e3e3e3;
  padding: 10px; }

/*-----------------------------------------
header
----------------------------------------- */
#header .header-col-1 {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

#header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border-bottom: none;
  z-index: 100; }
  #header .logo {
    padding: 5px;
    max-height: 100%; }
  #header .navbar-nav > li {
    border-radius: 0; }
    #header .navbar-nav > li > a {
      color: #0072c6;
      padding: 15px;
      height: 50px;
      transition: background;
      transition-duration: 0.4s; }
      #header .navbar-nav > li > a i {
        font-size: 20px;
        float: left; }
        #header .navbar-nav > li > a i[class^="glyphicon"] {
          margin-top: -5px; }
      #header .navbar-nav > li > a:hover {
        background-color: #f7f9fe;
        color: #0072c6; }
    #header .navbar-nav > li.open > a {
      background-color: #f7f9fe;
      color: #0072c6; }
    #header .navbar-nav > li .dropdown-menu {
      margin-top: 12px; }
      #header .navbar-nav > li .dropdown-menu li {
        padding: 0;
        border-radius: 3px;
        width: 100%; }
      #header .navbar-nav > li .dropdown-menu > li {
        border-radius: 0; }
        #header .navbar-nav > li .dropdown-menu > li a {
          padding: 10px 20px; }
          #header .navbar-nav > li .dropdown-menu > li a.dropdown-menu-header {
            background: #f7f9fe;
            font-weight: bold;
            border-bottom: 1px solid #e3e3e3; }
          #header .navbar-nav > li .dropdown-menu > li a.view-all {
            text-align: center;
            border-top: 1px solid #e3e3e3;
            background: #f7f9fe; }
        #header .navbar-nav > li .dropdown-menu > li:last-child {
          border-bottom: none; }
        #header .navbar-nav > li .dropdown-menu > li span.txt {
          padding: 10px 20px;
          display: inline-block; }
      #header .navbar-nav > li .dropdown-menu:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #f7f9fe; }
      #header .navbar-nav > li .dropdown-menu:before {
        border-bottom-color: #e5ebfc; }
      #header .navbar-nav > li .dropdown-menu .alert-container {
        height: 200px;
        overflow: auto;
        float: none; }
    #header .navbar-nav > li .dropdown-notification {
      top: auto;
      right: 0px;
      width: 320px; }
    #header .navbar-nav > li.li-switch-roles {
      position: absolute;
      left: 40%; }

/*-----------------------------------------
left nav
----------------------------------------- */
.ps-portal {
  height: 100%; }
  .ps-portal .ps-left-nav {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 250px;
    height: 100%;
    overflow-y: auto;
    background-color: #0b4f82;
    color: #FFFFFF;
    z-index: 1;
    display: none; }
  .ps-portal .ps-nav-target {
    position: relative;
    height: 100%; }
  .ps-portal.show-left-nav .ps-left-nav {
    display: block; }
  .ps-portal.show-left-nav .left-nav-toggle {
    background-color: #f7f9fe; }

.ps-left-nav::-webkit-scrollbar {
  width: 5px; }

.ps-left-nav::-webkit-scrollbar-track {
  background: #181b1e; }

.ps-left-nav::-webkit-scrollbar-thumb {
  background: #181b1e; }

.ps-left-nav::-webkit-scrollbar-track-piece {
  background: #a3a2a2; }

.ps-left-nav::-webkit-scrollbar-button {
  background: #fff; }

.ps-left-nav::-webkit-scrollbar-button {
  background: #fff; }

.ps-left-nav .nav-root {
  list-style: none;
  padding: 10px 0px 10px 0px; }
  .ps-left-nav .nav-root > li {
    padding: 5px 10px; }
  .ps-left-nav .nav-root .nav-folder-link {
    font-weight: bold;
    font-size: 110%; }
  .ps-left-nav .nav-root .nav-sub {
    list-style: none;
    padding: 5px 5px 5px 20px; }
    .ps-left-nav .nav-root .nav-sub li {
      padding: 5px 0px; }
  .ps-left-nav .nav-root a {
    text-decoration: none;
    color: inherit;
    padding: 3px;
    display: block; }
    .ps-left-nav .nav-root a:hover {
      background-color: #2a6c9e;
      color: #f4f4f4;
      border-radius: 3px; }

/*-----------------------------------------
footer
----------------------------------------- */
footer.page-footer {
  margin: 20px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  background-color: #EBEBEB;
  color: #242424;
  height: 50px; }

footer.page-footer a {
  color: #242424 !important; }

.footer-cell {
  padding: 5px 20px; }

.homepage-wrapper {
  display: table;
  width: 100%;
  height: 100%; }

.homepage-wrapper > * {
  display: table-row; }

#sm-home-page div.smart-row > div.row-content {
  display: table;
  width: 100%;
  overflow: auto; }

#sm-home-page div.smart-column {
  display: table-cell;
  vertical-align: top; }

#sm-home-page [sm-has-fcolor='true'] a,
#sm-home-page [sm-has-fcolor='true'] a:focus,
#sm-home-page [sm-has-fcolor='true'] a:visited {
  color: inherit !important; }

.mixed-cont-explanantion .modal-dialog {
  height: auto !important; }

@media screen and (max-width: 769px) {
  #header .logo {
    max-width: 80px; }
  .navbar-right {
    float: right !important; }
  #header .navbar-nav > li .dropdown-notification {
    position: fixed !important;
    width: 100%; }
    #header .navbar-nav > li .dropdown-notification:after, #header .navbar-nav > li .dropdown-notification:before {
      right: 70px; }
  #header .navbar-nav > li .dropdown-switch-roles {
    position: fixed !important;
    width: 100%;
    top: auto; }
    #header .navbar-nav > li .dropdown-switch-roles:after, #header .navbar-nav > li .dropdown-switch-roles:before {
      left: 45%; }
  #header .navbar-nav li {
    display: inline-block;
    vertical-align: top; }
    #header .navbar-nav li.open .dropdown-menu {
      position: absolute;
      background-color: #ffffff;
      float: left;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.175); }
      #header .navbar-nav li.open .dropdown-menu li {
        display: block; }
  #sm-home-page div.smart-column,
  #sm-home-page div.smart-row > div.row-content {
    display: inline-block;
    width: 100% !important; } }

.feedback-wrpr {
  position: fixed;
  right: 0px;
  top: 40%;
  z-index: 1000;
  padding: 8px;
  text-align: center;
  border-radius: 5px 0px 0px 5px;
  box-shadow: 0px 0px 5px; }

.feedback-wrpr > a {
  width: 13px;
  word-break: break-all;
  display: block;
  line-height: 1;
  font-weight: bold; }

.feedback-wrpr > a:hover,
.feedback-wrpr > a:focus {
  color: inherit;
  text-decoration: none; }

.activities-container .bpm-activity {
  display: table;
  width: 100%; }
  .activities-container .bpm-activity:hover {
    background-color: whitesmoke;
    border-radius: 4px; }
  .activities-container .bpm-activity > div {
    display: table-cell;
    vertical-align: top;
    padding: 10px; }
  .activities-container .bpm-activity .dropdown-menu.right {
    right: -5px; }
    .activities-container .bpm-activity .dropdown-menu.right:before, .activities-container .bpm-activity .dropdown-menu.right:after {
      right: 0px; }
  .activities-container .bpm-activity .row-action-primary.process-status {
    width: 30px;
    font-size: 20px;
    vertical-align: top;
    padding-right: 0px;
    padding-top: 7px; }
  .activities-container .bpm-activity .row-content {
    padding-left: 5px; }
  .activities-container .bpm-activity .activity-features {
    padding-top: 15px;
    width: 80px; }
    .activities-container .bpm-activity .activity-features > div {
      display: inline-block;
      vertical-align: top;
      margin-right: 10px; }
    .activities-container .bpm-activity .activity-features .collab-link {
      text-decoration: none; }
      .activities-container .bpm-activity .activity-features .collab-link i {
        margin-right: 2px; }

.list-group-separator {
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.list-group-item-text i {
  color: #5a8bb7;
  cursor: pointer;
  line-height: 1.5; }

i.status-completed {
  color: #51bf87 !important; }

i.status-pending {
  color: #757575 !important; }

i.status-locked {
  color: #757575 !important; }

i.status-terminated {
  color: rgba(244, 67, 54, 0.72) !important; }

i.status-error {
  color: rgba(244, 67, 54, 0.72) !important; }

i.status-info {
  color: #757575; }

.ps-onb-portal .nav-menu {
  display: none; }

.ps-onb-portal.show-left-nav .ps-left-nav {
  width: 250px; }

.ps-onb-portal.show-left-nav .ps-nav-target {
  padding-left: 250px; }

.ps-onb-portal.show-nav-menu .onboarding-sidebar {
  display: none; }

.ps-onb-portal.show-nav-menu .nav-menu {
  display: block; }

.ps-onb-portal.remove-bpm-menu .onboarding-sidebar,
.ps-onb-portal.remove-bpm-menu .nav-toggle {
  display: none; }

.ps-onb-portal.remove-bpm-menu .nav-menu {
  display: block; }

@media screen and (max-width: 1000px) {
  .ps-onb-portal .ps-left-nav {
    display: none;
    width: auto; }
  .ps-onb-portal .ps-nav-target,
  .ps-onb-portal.show-left-nav .ps-nav-target {
    padding-left: 0px; } }

a.nav-toggle {
  display: block;
  text-align: center;
  background-color: white;
  padding: 5px;
  margin: 10px; }

.onboarding-sidebar .sidebar-inner {
  position: relative;
  width: auto;
  height: 100%; }

.onboarding-sidebar .user-info {
  text-align: center; }
  .onboarding-sidebar .user-info .user-info-text {
    color: #FFFFFF;
    padding: 5px 0; }

.onboarding-sidebar .sidebar-panel {
  margin: 0;
  width: 100%;
  height: auto;
  position: relative; }
  .onboarding-sidebar .sidebar-panel:after, .onboarding-sidebar .sidebar-panel:before {
    content: " ";
    display: table; }
  .onboarding-sidebar .sidebar-panel:after {
    clear: both; }
  .onboarding-sidebar .sidebar-panel .sidebar-panel-title {
    font-size: 13px;
    padding: 8px 15px 8px 17px;
    margin: 0;
    background-color: #f4f4f4;
    color: #333333; }
    .onboarding-sidebar .sidebar-panel .sidebar-panel-title i {
      margin-right: 15px; }
  .onboarding-sidebar .sidebar-panel .sidebar-panel-content {
    padding: 15px;
    position: relative;
    color: #ffffff; }

.onboarding-sidebar .onboarding-tasks {
  width: 100%; }
  .onboarding-sidebar .onboarding-tasks .nav {
    background-color: #0b4f82; }
    .onboarding-sidebar .onboarding-tasks .nav > li > a {
      background-color: #0b4f82; }
    .onboarding-sidebar .onboarding-tasks .nav > li a {
      padding: 5px;
      color: #ffffff;
      display: inline-block;
      width: 100%;
      position: relative;
      /*line-height: 20px;*/
      letter-spacing: 0.3px;
      transition: background;
      transition-duration: 0.4s; }
      .onboarding-sidebar .onboarding-tasks .nav > li a:hover {
        font-weight: 400;
        background-color: tranparent; }
      .onboarding-sidebar .onboarding-tasks .nav > li a:before {
        background-color: #ffffff;
        border-color: #ffffff; }
      .onboarding-sidebar .onboarding-tasks .nav > li a.currentMenuItem {
        background-color: #303946; }
      .onboarding-sidebar .onboarding-tasks .nav > li a.active {
        background-color: #181b1e;
        color: #ffffff; }
      .onboarding-sidebar .onboarding-tasks .nav > li a i:not(.icon-status) {
        color: #ffffff; }
      .onboarding-sidebar .onboarding-tasks .nav > li a i.sideNav-arrow {
        float: right;
        font-size: 10px;
        margin-top: 5px;
        transition: all;
        transition-duration: 0.4s;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #ffffff; }
      .onboarding-sidebar .onboarding-tasks .nav > li a.collapsed {
        background-color: inherit; }
      .onboarding-sidebar .onboarding-tasks .nav > li a.collapsed i.sideNav-arrow {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
      .onboarding-sidebar .onboarding-tasks .nav > li a .label {
        float: right;
        border-radius: 50%;
        background-color: #505e73;
        padding: 6px 6px 0 0;
        margin-top: 0;
        line-height: 10px; }
      .onboarding-sidebar .onboarding-tasks .nav > li a .txt {
        display: inline-block;
        width: 170px;
        /*vertical-align: top;*/ }
      .onboarding-sidebar .onboarding-tasks .nav > li a i {
        font-size: 18px;
        margin-right: 5px;
        float: left;
        transition: color;
        transition-duration: 0.4s; }
    .onboarding-sidebar .onboarding-tasks .nav ul.submenu {
      list-style: none;
      padding-left: 0px;
      /*background-color: #282a33;*/ }
      .onboarding-sidebar .onboarding-tasks .nav ul.submenu li {
        padding-left: 30px; }
        .onboarding-sidebar .onboarding-tasks .nav ul.submenu li[bpm-selected-activity='true'] {
          background-color: #2a6c9e;
          color: #f4f4f4; }
          .onboarding-sidebar .onboarding-tasks .nav ul.submenu li[bpm-selected-activity='true'] a {
            color: inherit; }
            .onboarding-sidebar .onboarding-tasks .nav ul.submenu li[bpm-selected-activity='true'] a .icon-status {
              color: inherit !important; }
        .onboarding-sidebar .onboarding-tasks .nav ul.submenu li a {
          padding-left: 0;
          background-color: transparent;
          font-size: 13px; }
          .onboarding-sidebar .onboarding-tasks .nav ul.submenu li a i.icon-status {
            float: right;
            margin-left: 5px;
            font-size: 14px;
            margin-top: 5px; }
    .onboarding-sidebar .onboarding-tasks .nav i.icon-status {
      color: whitesmoke !important; }

/* -----------------------------------------
   others
----------------------------------------- */
.bpAttchmntsGridRow {
  border-bottom: 1px solid #efefef; }

.bpAttchmntsGridRow:last-child {
  border-bottom: none; }

/* .container-grid-xs for xs */
table.sm-resp-grid > tbody > tr > td {
  vertical-align: top;
  position: relative; }

table.sm-resp-grid > tbody > tr > td img {
  max-width: 100%; }

table.sm-resp-grid > tbody > tr > td > iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%; }

@media only screen and (max-width: 480px) {
  .container-grid-xxs table,
  .container-grid-xxs thead,
  .container-grid-xxs tbody,
  .container-grid-xxs th,
  .container-grid-xxs td,
  .container-grid-xxs tr {
    display: block; }
  .container-grid-xxs thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .container-grid-xxs tr {
    border: 1px solid #efefef; }
    .container-grid-xxs tr:after {
      content: "";
      clear: both;
      display: block; }
  .container-grid-xxs .table > tbody > tr > td {
    /* Behave  like a "row" */
    border: none;
    /*border-bottom: 1px solid #efefef; */
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
    min-height: 35px; }
    .container-grid-xxs .table > tbody > tr > td:before {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      text-align: left;
      font-weight: 500;
      content: attr(data-title); }
  .container-grid-xxs select.form-control.input-sm.initialized {
    display: none; }
  .container-grid-xxs select[name='tabletools_length'].form-inline.form-control.input-sm.initialized {
    display: none; }
  .container-grid-xxs .caret {
    border-right: none;
    border-left: none;
    vertical-align: top; }
  .container-grid-xxs th.grid-actions {
    min-width: 180px; }
  .container-grid-xxs th.grid-view {
    min-width: 120px; } }

@media only screen and (max-width: 770px) {
  div.dataTables_info {
    display: block; }
  div.dataTables_filter label {
    font-weight: normal;
    float: none;
    margin-top: 20px; }
  table.sm-resp-grid-xs {
    display: block; }
    table.sm-resp-grid-xs > tr {
      display: block; }
      table.sm-resp-grid-xs > tr > td {
        display: block;
        width: 100% !important; }
    table.sm-resp-grid-xs > tbody {
      display: block; }
      table.sm-resp-grid-xs > tbody > tr {
        display: block; }
        table.sm-resp-grid-xs > tbody > tr > td {
          display: block;
          width: 100% !important; }
          table.sm-resp-grid-xs > tbody > tr > td > iframe {
            position: relative;
            height: auto; }
  .container-grid table,
  .container-grid thead,
  .container-grid tbody,
  .container-grid th,
  .container-grid td,
  .container-grid tr {
    display: block; }
  .container-grid thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .container-grid tr {
    border: 1px solid #efefef; }
    .container-grid tr:after {
      content: "";
      clear: both;
      display: block; }
  .container-grid .table > tbody > tr > td {
    /* Behave  like a "row" */
    border: none;
    /*border-bottom: 1px solid #efefef; */
    position: relative;
    padding-left: 10px;
    white-space: normal;
    text-align: left;
    min-height: 35px; }
    .container-grid .table > tbody > tr > td:before {
      position: static;
      padding-left: 0px;
      white-space: nowrap;
      text-align: left;
      font-weight: 500;
      content: attr(data-title);
      display: block; }
  .container-grid select.form-control.input-sm.initialized {
    display: none; }
  .container-grid select[name='tabletools_length'].form-inline.form-control.input-sm.initialized {
    display: none; }
  .container-grid .caret {
    border-right: none;
    border-left: none;
    vertical-align: top; }
  .container-grid th.grid-actions {
    min-width: 180px; }
  .container-grid th.grid-view {
    min-width: 120px; }
  .container-grid div.dataTables_info {
    display: block; } }

/*  medium width device breakpoint */
@media only screen and (max-width: 992px) {
  table.sm-resp-grid-sm {
    display: block; }
    table.sm-resp-grid-sm > tr {
      display: block; }
      table.sm-resp-grid-sm > tr > td {
        display: block;
        width: 100% !important; }
    table.sm-resp-grid-sm > tbody {
      display: block; }
      table.sm-resp-grid-sm > tbody > tr {
        display: block; }
        table.sm-resp-grid-sm > tbody > tr > td {
          display: block;
          width: 100% !important; }
          table.sm-resp-grid-sm > tbody > tr > td > iframe {
            position: relative;
            height: auto; }
  .container-grid-sm table,
  .container-grid-sm thead,
  .container-grid-sm tbody,
  .container-grid-sm th,
  .container-grid-sm td,
  .container-grid-sm tr {
    display: block; }
  .container-grid-sm thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .container-grid-sm tr {
    border: 1px solid #efefef; }
    .container-grid-sm tr:after {
      content: "";
      clear: both;
      display: block; }
  .container-grid-sm .table > tbody > tr > td {
    border: none;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
    min-height: 35px; }
    .container-grid-sm .table > tbody > tr > td:before {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      text-align: left;
      font-weight: 500;
      content: attr(data-title); }
  .container-grid-sm select.form-control.input-sm.initialized {
    display: none; }
  .container-grid-sm select[name='tabletools_length'].form-inline.form-control.input-sm.initialized {
    display: none; }
  .container-grid-sm .caret {
    border-right: none;
    border-left: none;
    vertical-align: top; }
  .container-grid-sm th.grid-actions {
    min-width: 180px; }
  .container-grid-sm th.grid-view {
    min-width: 120px; } }

/*  medium width device breakpoint */
@media only screen and (max-width: 1200px) {
  table.sm-resp-grid-md {
    display: block; }
    table.sm-resp-grid-md > tr {
      display: block; }
      table.sm-resp-grid-md > tr > td {
        display: block;
        width: 100% !important; }
    table.sm-resp-grid-md > tbody {
      display: block; }
      table.sm-resp-grid-md > tbody > tr {
        display: block; }
        table.sm-resp-grid-md > tbody > tr > td {
          display: block;
          width: 100% !important; }
          table.sm-resp-grid-md > tbody > tr > td > iframe {
            position: relative;
            height: auto; }
  .container-grid-md table,
  .container-grid-md thead,
  .container-grid-md tbody,
  .container-grid-md th,
  .container-grid-md td,
  .container-grid-md tr {
    display: block; }
  .container-grid-md thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .container-grid-md tr {
    border: 1px solid #efefef; }
    .container-grid-md tr:after {
      content: "";
      clear: both;
      display: block; }
  .container-grid-md .table > tbody > tr > td {
    border: none;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
    min-height: 35px; }
    .container-grid-md .table > tbody > tr > td:before {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      text-align: left;
      font-weight: 500;
      content: attr(data-title); }
  .container-grid-md select.form-control.input-sm.initialized {
    display: none; }
  .container-grid-md select[name='tabletools_length'].form-inline.form-control.input-sm.initialized {
    display: none; }
  .container-grid-md .caret {
    border-right: none;
    border-left: none;
    vertical-align: top; }
  .container-grid-md th.grid-actions {
    min-width: 180px; }
  .container-grid-md th.grid-view {
    min-width: 120px; } }

/* ############################  */
/* ############################  */
/* common styles for all widths */
.caret {
  border-right: none;
  border-left: none;
  vertical-align: top; }

.container-grid-xs .label.label-success,
.container-grid-sm .label.label-success,
.container-grid-md .label.label-success,
.container-grid-lg .label.label-success {
  border: 1px solid #00a79d;
  color: #00a79d;
  background: none; }

.container-grid-xs .label.label-initiated,
.container-grid-sm .label.label-initiated,
.container-grid-md .label.label-initiated,
.container-grid-lg .label.label-initiated {
  border: 1px solid #1b75bc;
  color: #1b75bc;
  background: none; }

.container-grid-xs .container-grid th,
.container-grid-sm .container-grid th,
.container-grid-md .container-grid th,
.container-grid-lg .container-grid th {
  font-weight: 400; }

.container-grid-xs td,
.container-grid-sm td,
.container-grid-md td,
.container-grid-lg td {
  font-weight: 300; }

.container-grid-xs td a i,
.container-grid-sm td a i,
.container-grid-md td a i,
.container-grid-lg td a i {
  color: rgba(119, 119, 119, 0.71); }

.container-grid-xs td a.purge-item i,
.container-grid-sm td a.purge-item i,
.container-grid-md td a.purge-item i,
.container-grid-lg td a.purge-item i {
  color: #ee6e73;
  float: right; }

.container-grid-xs .caret,
.container-grid-sm .caret,
.container-grid-md .caret,
.container-grid-lg .caret {
  border-right: none;
  border-left: none;
  vertical-align: top; }

.container-grid-xs .select-wrapper input.select-dropdown,
.container-grid-sm .select-wrapper input.select-dropdown,
.container-grid-md .select-wrapper input.select-dropdown,
.container-grid-lg .select-wrapper input.select-dropdown {
  width: 60px;
  height: 2.5rem;
  margin-left: -10px;
  padding-left: 0; }

.sorting.sorting-none:before {
  content: none;
  margin-right: 7px;
  cursor: auto; }

.sorting-none.sorting_desc:before {
  content: none;
  margin-right: 7px;
  cursor: auto; }

.sorting-none.sorting_asc:before {
  content: none;
  margin-right: 7px;
  cursor: auto; }

table.table thead .sorting {
  cursor: auto; }

table.table thead .sorting_asc {
  cursor: auto; }

table.table thead .sorting_desc {
  cursor: auto; }

.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: none; }

.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 1px solid #e3e3e3;
  vertical-align: top; }

div.dataTables_filter {
  display: inline-block;
  margin-right: 10px; }

div.dataTables_info {
  display: inline-block;
  vertical-align: top;
  padding-top: 4px; }

div.dataTables_filter label:before {
  content: "Quick Filter: "; }

div.dataTables_length label:before {
  content: "Rows per page: "; }

select[name='tabletools_length'] {
  display: none; }

.select-wrapper.form-control.input-sm {
  border: none; }

.select-wrapper span.caret {
  right: 20px; }

.sm-date-picker-open {
  overflow-y: visible;
  overflow-x: clip; }

.sm-dt-wrpr table {
  display: table !important; }

.sm-dt-wrpr thead,
.sm-dt-wrpr tbody {
  display: table-row-group !important; }

.sm-dt-wrpr th,
.sm-dt-wrpr td {
  display: table-cell !important; }

.sm-dt-wrpr tr {
  display: table-row !important;
  position: static !important; }

@media (min-width: 1px) and (max-width: 769px) {
  .panel-default {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
  }
  .panel-default > .panel-body {
    padding-left: 0px;
    padding-right: 0px;
  }
  .SMFormField > div {
    display: block !important;
    left: 0px !important;
  }
  .text-left-xs {
    text-align: left !important;
  }
  .text-right-xs {
    text-align: right !important;
  }
  .text-center-xs {
    text-align: center !important;
  }
  .pull-left-xs {
    float: left !important;
  }
  .full-width-xs {
    width: 100% !important;
  }
  .p0-xs {
    padding: 0px !important;
  }
  .m0-xs {
    margin: 0px !important;
  }
  .ml0-xs {
    margin-left: 0px !important;
  }
  .float-none-xs {
    float: none !important;
  }
  .sm-visible-xs-block {
    display: block !important;
  }
  .sm-visible-xs-inline-block {
    display: inline-block !important;
  }
  .sm-visible-xs-inline {
    display: inline !important;
  }
  .position-static-xs {
    position: static !important;
  }
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 1px) and (max-width: 1024px) {
  .text-left-sm {
    text-align: left !important;
  }
  .text-right-sm {
    text-align: right !important;
  }
  .text-center-sm {
    text-align: center !important;
  }
  .pull-left-sm {
    float: left !important;
  }
  .full-width-sm {
    width: 100% !important;
  }
  .p0-sm {
    padding: 0px !important;
  }
  .m0-sm {
    margin: 0px !important;
  }
  .ml0-sm {
    margin-left: 0px !important;
  }
  .float-none-sm {
    float: none !important;
  }
  .sm-visible-sm-block {
    display: block !important;
  }
  .sm-visible-sm-inline-block {
    display: inline-block !important;
  }
  .sm-visible-sm-inline {
    display: inline !important;
  }
  .position-static-sm {
    position: static !important;
  }
}

@media (min-width: 1px) and (max-width: 1200px) {
  .text-left-md {
    text-align: left;
  }
  .text-right-md {
    text-align: right;
  }
  .text-center-md {
    text-align: center;
  }
  .pull-left-md {
    float: left;
  }
  .full-width-md {
    width: 100% !important;
  }
}

.hid-by-filter,
.hid-by-paginator {
  display: none !important;
}