/*------------------------------------*\
    Line heights
\*------------------------------------*/

.ln-hght-md {
    line-height: 60px;
}

.ln-hght-sm {
    line-height: 50px;
}

.ln-hght-xs {
    line-height: 40px;
}

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

.width100 {
    width: 100%
}

.width95 {
    width: 95%;
}

.width90 {
    width: 90%;
}

.width85 {
    width: 85%;
}

.width80 {
    width: 80%;
}

.width75 {
    width: 75%;
}

.width70 {
    width: 70%;
}

.width65 {
    width: 65%;
}

.width60 {
    width: 60%;
}

.width55 {
    width: 55%;
}

.width50 {
    width: 50%;
}

.width45 {
    width: 45%;
}

.width40 {
    width: 40%;
}

.width35 {
    width: 35%;
}

.width30 {
    width: 30%;
}

.width25 {
    width: 25%;
}

.width20 {
    width: 20%;
}

.width15 {
    width: 15%;
}

.width10 {
    width: 10%;
}

.width9 {
    width: 9%;
}

.width8 {
    width: 8%;
}

.width7 {
    width: 7%;
}

.width6 {
    width: 6%;
}

.width5 {
    width: 5%;
}

.width4 {
    width: 4%;
}

.width3 {
    width: 3%;
}

.width2 {
    width: 2%;
}

.width1 {
    width: 1%;
}

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

.mrgn-0 {
    margin: 0;
}

.mrgn-tp-0 {
    margin-top: 0;
}

.mrgn-rght-0 {
    margin-right: 0;
}

.mrgn-bttm-0 {
    margin-bottom: 0;
}

.mrgn-bttm-21 {
    margin-bottom: 21px;
}

.mrgn-lft-0 {
    margin-left: 0;
}

.mrgn-lft-radio {
    margin-left: 20px;
}

.mrgn-rght-md {
    margin-right: 10px;
}

.mrgn-auto {
    margin: auto auto;
}

.mrgn-panel-heading-bttm {
    margin-bottom: 10px;
}

.mrgn-panel-heading-tp {
    margin-top: 10px;
}

.mrgn-panel-heading-lft {
    margin-left: 10px;
}

.mrgn-panel-heading-rght {
    margin-right: 10px;
}

/*------------------------------------*\
    Padding
\*------------------------------------*/

.pddng-0 {
    padding: 0;
}

.pddng-xsm {
    padding: 2px;
}

.pddng-sm {
    padding: 5px;
}

.pddng-md {
    padding: 20px;
}

.pddng-rght-0 {
    padding-right: 0;
}

.pddng-rght-sm {
    padding-right: 5px;
}

.pddng-rght-md {
    padding-right: 10px;
}

.pddng-lft-0 {
    padding-left: 0;
}

.pddng-lft-sm {
    padding-left: 5px;
}

.pddng-lft-md {
    padding-left: 10px;
}

.pddng-lft-lg {
    padding-left: 20px;
}

.pddng-tp-0 {
    padding-top: 0;
}

.pddng-tp-sm {
    padding-top: 5px;
}

.pddng-tp-md {
    padding-top: 10px;
}

.pddng-bttm-0 {
    padding-bottom: 0;
}

.pddng-bttm-sm {
    padding-bottom: 5px;
}

.pddng-panel-heading-bttm {
    padding-bottom: 10px;
}

.pddng-panel-heading-tp {
    padding-top: 10px;
}

.pddng-panel-heading-lft {
    padding-left: 15px;
}

.pddng-panel-heading-rght {
    padding-right: 15px;
}

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

.brdr-0 {
    border: none;
    border-width: 0px;
}

.brdr-tp-0 {
    border-top: none;
    border-top-width: 0px;
}

.brdr-rght-0 {
    border-right: none;
    border-right-width: 0px;
}

.brdr-bttm-0 {
    border-bottom: none;
    border-bottom-width: 0px;
}

.brdr-lft-0 {
    border-left: none;
    border-left-width: 0px;
}

.brdr-rds-tp-lft {
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}

.brdr-rds-tp-rght {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
}

.brdr-rds-bttm-rght {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

.brdr-rds-bttm-lft {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

.brdr-rds-tp-lft-0 {
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
}

.brdr-rds-tp-rght-0 {
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
}

.brdr-rds-bttm-rght-0 {
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
}

.brdr-rds-bttm-lft-0 {
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
}

.brdr-rds-15{
     border-radius: 15px;
}

.separator-bttm,
tr.separator-bttm td,
tr.separator-bttm th {
    border-bottom: 2px solid #739ABD;
}

.border-bottom {
    border-bottom: 1px solid #DDDDDD;
}

.border-top {
    border-top: 1px solid #DDDDDD;
}


/*------------------------------------*\
    Display
\*------------------------------------*/

.display-block {
    display: block;
}

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

.display-inline {
    display: inline;
}

.display-table {
    display: table;
}

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

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

/*------------------------------------*\
    Overflow & positioning
\*------------------------------------*/

.overflow-auto {
    overflow: auto;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.scrollable {
    overflow-y: scroll;
}

.pull-front {
    position: relative;
    z-index: 1;
}

/*------------------------------------*\
    Text alignment
\*------------------------------------*/

.text-top {
    vertical-align: top;
}

.table.text-top > tbody > tr > td,
.table.text-top > tbody > tr > th,
.table.text-top > tfoot > tr > td,
.table.text-top > tfoot > tr > th,
.table.text-top > thead > tr > td,
.table.text-top > thead > tr > th,
.table > tbody.text-top > tr > td,
.table > tbody.text-top > tr > th,
.table > tfoot.text-top > tr > td,
.table > tfoot.text-top > tr > th,
.table > thead.text-top > tr > td,
.table > thead.text-top > tr > th,
.table > tbody > tr.text-top > td,
.table > tbody > tr.text-top > th,
.table > tfoot > tr.text-top > td,
.table > tfoot > tr.text-top > th,
.table > thead > tr.text-top > td,
.table > thead > tr.text-top > th,
.table > tbody > tr > td.text-top,
.table > tbody > tr > th.text-top,
.table > tfoot > tr > td.text-top,
.table > tfoot > tr > th.text-top,
.table > thead > tr > td.text-top,
.table > thead > tr > th.text-top {
    vertical-align: top;
}

.text-middle {
    vertical-align: middle;
}

.table.text-middle > tbody > tr > td,
.table.text-middle > tbody > tr > th,
.table.text-middle > tfoot > tr > td,
.table.text-middle > tfoot > tr > th,
.table.text-middle > thead > tr > td,
.table.text-middle > thead > tr > th,
.table > tbody.text-middle > tr > td,
.table > tbody.text-middle > tr > th,
.table > tfoot.text-middle > tr > td,
.table > tfoot.text-middle > tr > th,
.table > thead.text-middle > tr > td,
.table > thead.text-middle > tr > th,
.table > tbody > tr.text-middle > td,
.table > tbody > tr.text-middle > th,
.table > tfoot > tr.text-middle > td,
.table > tfoot > tr.text-middle > th,
.table > thead > tr.text-middle > td,
.table > thead > tr.text-middle > th,
.table > tbody > tr > td.text-middle,
.table > tbody > tr > th.text-middle,
.table > tfoot > tr > td.text-middle,
.table > tfoot > tr > th.text-middle,
.table > thead > tr > td.text-middle,
.table > thead > tr > th.text-middle {
    vertical-align: middle;
}

.text-bottom {
    vertical-align: bottom;
}

.table.text-bottom > tbody > tr > td,
.table.text-bottom > tbody > tr > th,
.table.text-bottom > tfoot > tr > td,
.table.text-bottom > tfoot > tr > th,
.table.text-bottom > thead > tr > td,
.table.text-bottom > thead > tr > th,
.table > tbody.text-bottom > tr > td,
.table > tbody.text-bottom > tr > th,
.table > tfoot.text-bottom > tr > td,
.table > tfoot.text-bottom > tr > th,
.table > thead.text-bottom > tr > td,
.table > thead.text-bottom > tr > th,
.table > tbody > tr.text-bottom > td,
.table > tbody > tr.text-bottom > th,
.table > tfoot > tr.text-bottom > td,
.table > tfoot > tr.text-bottom > th,
.table > thead > tr.text-bottom > td,
.table > thead > tr.text-bottom > th,
.table > tbody > tr > td.text-bottom,
.table > tbody > tr > th.text-bottom,
.table > tfoot > tr > td.text-bottom,
.table > tfoot > tr > th.text-bottom,
.table > thead > tr > td.text-bottom,
.table > thead > tr > th.text-bottom {
    vertical-align: bottom;
}

.text-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

/*------------------------------------*\
    Font sizing/style
\*------------------------------------*/

.xxlarge,
.xxlarge .form-control {
    font-size: 26px;
}

.xlarge,
.xlarge .form-control {
    font-size: 23px;
}

.large,
.large .form-control {
    font-size: 20px;
}

.medium,
.medium .form-control {
    font-size: 16px;
}

.small,
.small .form-control {
    font-size: 12px;
}

.xsmall,
.xsmall .form-control {
    font-size: 10px;
}

.fnt-wght-nrml {
    font-weight: normal;
}

.fnt-wght-bld {
    font-weight: bold;
}

.fnt-styl-itlc {
    font-style: italic;
}

.txt-dcrtn-ln-thrgh {
    text-decoration: line-through;
}

.capitalize:first-letter {
    text-transform: capitalize;
}

.text-wordwrap {
    white-space: -moz-pre-wrap !important;
    white-space: -webkit-pre-wrap;
    white-space: -pre-wrap white-space: -0-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

/*------------------------------------*\
    Text color
\*------------------------------------*/

.text-approved {
    color: #8a61a2;
}

.text-default {
    color: #000;
}

.text-draft {
    color: #ffd77a;
}

.text-priority-medium {
    color: #ffa21a;
}

.text-priority-low {
    color: #78ccff;
}

.text-successBright {
    color: #04AC00;
}

.text-green {
    color: #093;
}

.text-grey {
    color: #999;
}

.text-dark-grey {
    color: #666;
}

.text-blue {
    color: #284162;
}


.text-yellow {
    color: #ffcc33;
}

.text-shadow {
    text-shadow: 1px 1px 2px #000;
}

.text-white {
    color: #FFF;
}


.text-info {
    color: #1C538C;
}


.text-green {
    color: #060;
}

.text-red {
    color: #900;
}

.text-orange {
    color: #FC0;
}

/*------------------------------------*\
    Background color
\*------------------------------------*/

.bg-default {
    background-color: #f5f5f5;
}

.bg-grey-light {
    background-color: #f9f9f9;
}

.bg-none {
    background: none;
}

.bg-white {
    background-color: #FFF;
}

.bg-info {
    background-color: #EFF7FF;
}

.bg-fail {
    background-color: #EBF3F6;
}

.bg-grey {
    background-color: #eee;
}

.bg-drk-grey {
    background-color: #999;
}

.bg-success {
    background-color: #FFC !important;
}



/*------------------------------------*\
   Pills
\*------------------------------------*/
.pill-green,
.pill-red,
.pill-yellow,
.pill-white {
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .05);
    border: 1px solid #ccc;
}

.pill-status {
    box-shadow: none;
    text-transform: uppercase;
    font-size: 10px;
    display: inline-block;
}

.pill-blue {
    background-color: #e1eefb;
}

.pill-green {
    background-color: #dff0d8;
}

.pill-yellow {
    background-color: #fcf8e3;
}

.pill-red {
    background-color: #f2dede;
}

.pill-white {
    background-color: #ffffff;
}