html, body
{
    position:fixed;
    height: 100%;
    width: 100%;
    margin: 0;
}

body {
    cursor: pointer;
}

#button{
    float: right;
}

/*@media screen and (min-height: 800px) and (max-height:1200px) {*/
    /*#mainContent {*/
        /*height: 650px;*/
    /*}*/
/*}*/

/*@media screen and (min-height: 750px) and (max-height:800px) {*/
    /*#mainContent {*/
        /*height: 600px;*/
    /*}*/
/*}*/

/*@media screen and (min-height: 700px) and (max-height:750px) {*/
    /*#mainContent {*/
        /*height: 550px;*/
    /*}*/
/*}*/

/*@media screen and (min-height: 650px) and (max-height:700px) {*/
    /*#mainContent {*/
        /*height: 500px;*/
    /*}*/
/*}*/

/*@media screen and (min-height: 600px) and (max-height:650px) {*/
    /*#mainContent {*/
        /*height: 450px;*/
    /*}*/
/*}*/

/*@media screen and (min-height: 500px) and (max-height:600px) {*/
    /*#mainContent {*/
        /*height: 400px;*/
    /*}*/
/*}*/

/*@media screen and (min-height: 400px) and (max-height:500px) {*/
    /*#mainContent {*/
        /*height: 300px;*/
    /*}*/
/*}*/

/*@media screen and (min-height: 300px) and (max-height:400px) {*/
    /*#mainContent {*/
        /*height: 200px;*/
    /*}*/
/*}*/

.breadcrumb {
    list-style: none;
    overflow: hidden;
    font: 18px Helvetica, Arial, Sans-Serif;
    margin-left:auto;
    margin-right:auto;
}
.breadcrumb li {
    margin-left:auto;
    margin-right:auto;
    float: left;
}
.breadcrumb li {
    text-decoration: none;
    padding: 10px 0 10px 65px;
    background: #29b6f6;                   /* fallback color */
    /*background: hsla(34,85%,35%,1);*/
    position: relative;
    display: block;
    float: left;
    width: 5%;
}

.breadcrumb li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #0091ea;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;

}

.selected {
    color: white
}

.notselected {
    color: black
}

#toolbar {
    width: 90%;
    margin: 0 auto;
    white-space: nowrap;

}

/*#mainContent {*/
    /*width:90%;*/
    /*margin-left:auto;*/
    /*margin-right:auto;*/
/*}*/

/*md-input-container {*/
    /*width:100%*/
/*}*/

#mainContent {
    display:block;
    clear:both;
    position: absolute;
    top: 200px; bottom: 0; left: 0; right: 0;
    overflow: auto;
    width:95%;
    margin-left:auto;
    margin-right:auto;
}

#mainContent2 {
    display:block;
    clear:both;
    position: absolute;
    top: 50px; bottom: 0; left: 0; right: 0;
    overflow: auto;
    width:95%;
    margin-left:auto;
    margin-right:auto;
}

.my-th{
    padding : 0px;
    /*max-width : 90px;*/
    min-width : 30px;
    /*width : 30px;*/
}

/*@import url("https://fonts.googleapis.com/css?family=Open+Sans");*/
/*@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");*/
/**, *:before, *:after {*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*box-sizing: border-box;*/
/*}*/

/*html, body {*/
    /*height: 100%;*/
/*}*/

/*body {*/
    /*font: 12px/1 'Roboto', sans-serif;*/
    /*color: #555;*/
    /*background-color: #fff;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
/*}*/

ul {
    list-style: none;    
    margin: 5px 0px !important;/*css custom*/
}

.cf:before, .cf:after {
    content: ' ';
    display: table;
}
.cf:after {
    clear: both;
}

.title {
    /*padding: 50px 0;*/
    font: 24px 'Open Sans', sans-serif;
    text-align: center;
}

.inner {
    /*max-width: 820px;*/
    margin: 0 auto;
}

.breadcrumbs {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #f5f5f5;
}

.breadcrumbs ul {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.breadcrumbs li {
    float: left;
    width: 14%;
}

.breadcrumbs a {
    position: relative;
    display: block;
    padding: 20px;
    padding-right: 0 !important;
    /* important overrides media queries */
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #aaa;
    cursor: pointer;
}

.breadcrumbs a:hover {
    background: #eee;
}

.breadcrumbs a.active {
    color: #777;
    background-color: #fafafa;
}

/*.breadcrumbs a span:first-child {*/
    /*display: inline-block;*/
    /*width: 22px;*/
    /*height: 22px;*/
    /*padding: 2px;*/
    /*margin-right: 5px;*/
    /*border: 2px solid #aaa;*/
    /*border-radius: 50%;*/
    /*background-color: #fff;*/
/*}*/

/*.breadcrumbs a.active span:first-child {*/
    /*color: #fff;*/
    /*border-color: #777;*/
    /*background-color: #777;*/
/*}*/

.breadcrumbs a:before,
.breadcrumbs a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: block;
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 16px solid transparent;
}

.breadcrumbs a:before {
    margin-left: 1px;
    border-left-color: #d5d5d5;
}

.breadcrumbs a:after {
    border-left-color: #f5f5f5;
}

.breadcrumbs a:hover:after {
    border-left-color: #eee;
}

.breadcrumbs a.active:after {
    border-left-color: #fafafa;
}

.breadcrumbs li:last-child a:before,
.breadcrumbs li:last-child a:after {
    display: none;
}
/* css custom*/
.navbar {
    width: 100% !important;
    /*height: 40% !important;*/
    /*padding: 1% 0;*/
    position: relative;
    z-index: 10;
    background-color: #ececec;
}
.btn-default {
    background-color: #ffffff !important;
}
.longtextBlock{
    font-weight: 700;
}
.longtextBlock>.longtextBlock>.ng-binding>p, textarea{
   font-weight: 200; 
}
.longtextBlock>div>.longtextBlock>.ng-binding>p, textarea{
   font-weight: 200; 
}
.col-md-6>.form-group>label{
    font-weight: 700;
}
.form-group>.checkbox>label{
    line-height: 1.4;
}
.ng-scope>span{
     font-weight: 700;
}
button{
    border-radius: 4px !important;
}
.modal-framework{
    width: 800px;
}
.next_steps{
    text-align: center;
}
/*end css custom */
@media (max-width: 720px) {
    .breadcrumbs a {
        padding: 15px;
    }

    .breadcrumbs a:before,
    .breadcrumbs a:after {
        border-top-width: 20px;
        border-bottom-width: 20px;
        border-left-width: 10px;
    }
    .next_steps{
    text-align: center;
}
}
@media (max-width: 620px) {
    .breadcrumbs a {
        padding: 10px;
        font-size: 12px;
    }

    .breadcrumbs a:before,
    .breadcrumbs a:after {
        border-top-width: 16px;
        border-bottom-width: 16px;
        border-left-width: 8px;
    }
}
@media (max-width: 540px) {
    .breadcrumbs a {
        padding: 3px;
    }

    .breadcrumbs a:before,
    .breadcrumbs a:after {
        border-top-width: 10px;
        border-bottom-width: 10px;
        border-left-width: 6px;
    }

    .breadcrumbs li a span:first-child {
        display: block;
        margin: 0 auto;
    }

    .breadcrumbs li a span:last-child {
        display: none;
    }
}

/*For the table in review background information*/
table.gridtable {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
    margin: 0 auto;
}
table.gridtable td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
    word-wrap: break-word;
    max-width: 300px;
}


table.gridtable th {
    text-align: center;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
    word-wrap: break-word;
    max-width: 300px;
}

body > .ui-select-bootstrap.open {
    z-index: 1100; /* greater then ui bootstrap modal, that 1050 */
}

.select > .select-choice.ui-select-match {
    /* Because of the inclusion of Bootstrap */
    height: 29px;
}
.selectize-control > .selectize-dropdown {
    top: 36px;
}
.ui-select-container input { box-sizing: border-box; }

select2 > .select2-choice.ui-select-match {
    /* Because of the inclusion of Bootstrap */
    height: 29px;
}

.selectize-control > .selectize-dropdown {
    top: 36px;
}
/* Some additional styling to demonstrate that append-to-body helps achieve the proper z-index layering. */
.select-box {
    background: #fff;
    position: relative;
    z-index: 1;
}
.alert-info.positioned {
    margin-top: 1em;
    position: relative;
    z-index: 10000; /* The select2 dropdown has a z-index of 9999 */
}

.text-muted{
    color: #0f0f0f !important;
}

.container
{
    width: 100%;
    text-align: center;
}

textarea
{
    width:97%;
    height:100%;
}

.well {
    /*height: 100px;*/
    /*width: 200px;*/
    background: rgba(192,192,192,0.3);
    border-radius: 10px;
    /*box-shadow: inset 0 0 10px black, 0 0 10px black;*/
    padding: 10px;
    display: inline-block;
    margin: 15px 0;
    vertical-align: top;
    text-align: center;
}

.well ul li{
    text-align:left;
    word-break: break-all;
}

.well ul {
    padding-left: 10px;
}
.form-group.row, .blockItem {
    width: 100%;
    float: left;
}


.attributes .well{
    width: inherit;
}

ul.bulltetStyle li {
    list-style-type: disc !important;

}
ul.bulltetStyle{
     -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
}

span.close {
    float: right;
    font-size: 10px;
    margin-top: 7px;
    color: #ec1919;
    margin-left: 15px;
    opacity: 1;
}

.text-center {
    text-align: center;
}


td{
    font-size:14px;
}

td li{
    list-style-type:disc;
    text-align:left;
}

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

.btn-default {
    color: #333 !important;
    border: #ccc solid 1px !important;
}

downloadfile .alert{
    margin-bottom: 0px;
}

label {
    word-wrap: break-word;
    word-break: break-all;
}

profilecomponent div#mainContent {
    position: static;
}
.linktext{
        width: 95%;
    float: left;
    word-wrap: break-word;
}

.rating-size{
    font-size: small; 
}

.marginTop{
    margin-top: 20px
}

ul._miUl {
    padding-left: 0px;
}
.width-10{
    width: 10% !important;
}
.width-40{
    width: 40% !important;
}

.miTable {
    width: 100%;
    margin-top: 15px;
}

.miTable td input {
    float: left;
    width: 80%;
}

.miTable td.head {
    padding-left: 9%;
}

.marginLeft{
    margin-left: 2.5%;
}
    
.miTable.marginLeft{
    width: 97%;
}

.miTable .ui-select-bootstrap>.ui-select-match>.btn {
    text-align: left!important;
    width: 90%;
    margin-left: 5%;
}

.miTable th, .miTable td {
    width: 33% !important;
}

.centered input{
    width: 80%;
    margin-left: 10%;
}

.miTable.centered th {
    padding-left: 6%;
}

.mi4Table {
    width: 100%;
    margin-top: 15px;
}

.mi4Table td input {
    float: left;
    width: 80%;
}

.mi4Table td.head {
    padding-left: 9%;
}
    
.mi4Table.marginLeft{
    width: 97%;
}

.mi4Table .ui-select-bootstrap>.ui-select-match>.btn {
    text-align: left!important;
    width: 90%;
    margin-left: 5%;
}

.mi4Table th, .miTable td {
    width: 25% !important;
}

.mi4Table.centered th {
    padding-left: 6%;
}

.nominee_modal p {
    font-size: 15px;
    margin: 0 0 15px 20px;
}

.nominee_modal ul {
    list-style: inherit !important;
}

li.list-group-item {
    word-break: break-all;
}

.btn-export {
    height: 20px !important;
    padding: 0 5px !important;
}

fieldset legend {
    text-align: center;
    font-size: 24px;
}
fieldset .row.table-header {
    border-bottom: 2px solid #ccc;
    margin-bottom: 10px;
}
fieldset .row.row-info {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    font-size: 15px;
}

th.table-jobs-1 {
    width: 30%;
    text-align: center !important;
}
th.table-jobs-2 {
    width: 40%;
    text-align: center !important;
}
th.table-jobs-3 {
    width: 20%;
    text-align: center !important;
}
th.table-jobs-4 {
    width: 10%;
    text-align: center !important;
}

td.table-jobs-1 {
    width: 30%;
    text-align: left;
    padding: 5px 10px;
}
td.table-jobs-2 {
    width: 40%;
    text-align: left;
    padding: 5px 10px;
}
td.table-jobs-3 {
    width: 20%;
    text-align: left;
    padding: 5px 10px;
}
td.table-jobs-4 {
    width: 10%;
    text-align: left;
    padding: 5px 10px;
    align-content: center !important;
    vertical-align: middle !important;
}
td.table-jobs-4 span.glyphicon {
    margin: 0 5px;
}

tbody tr.table-jobs {
    border-bottom: 1px solid #ccc !important;
}

.btn-add-job {
    text-align: center;
}

.row-detail {
    border-bottom: 1px solid #ccc;
}

.row-title {
    font-weight: 600;
}

.radio label {
    display: inline-flex;
    margin: 0 10px 0 0;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-top: 10px;
}

.footer-buttons {
    margin: 20px auto;
}

.required-message {
    color: red;
    text-align: center;
    font-size: 12px;
}

.form-error {
    font-size: 12px;
    color: red;
    margin-left: 10px;
}

.checkbox, .radio {
    margin-top: 0px !important;
}

.miTable td p {
    width: 80%;
    margin-left: 10%;
    font-size: 14px;
    display: block;
    vertical-align: top !important;
    height: 100px;
    overflow: visible;
}

careers p {
    font-size: 14px;
}