body {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

a.anchor-white, a.anchor-white:hover, a.anchor-white:focus, a.anchor-white:active {
    color: #FFFFFF;
}

a.anchor-gray, a.anchor-gray:hover, a.anchor-gray:focus, a.anchor-gray:active {
    color: #5B595A;
}


.first-color {
    color: #5B595A !important;
}

.second-color {
    color: #FFFFFF;
}

.primary-color {
    color: #068BB4;
}

/************************************
* Background
************************************/
.first-bg-color {
    background-color: #3E3E3E;
}

.second-bg-color {
    background-color: #F2F2F2;
}

.third-bg-color {
    background-color: #FFFFFF;
}

.primary-bg-color {
    color: #068BB4;
}

.border-gray {
    border: 1px solid #3E3E3E;
}

.border-bottom-light-gray {
    border-bottom: 1px solid #b1b1b1;
}

/************************************
* Form Input
************************************/
::-webkit-input-placeholder {
    color: #FFFFFF;
}
::-moz-placeholder {
    color: #FFFFFF;
}
:-ms-input-placeholder {
    color: #FFFFFF;
}
:-moz-placeholder {
    color: #FFFFFF;
}

.form-input input[type=text], .form-input input[type=color], .form-input input[type=date], .form-input input[type=email], .form-input input[type=file], .form-input input[type=image], .form-input input[type=month], .form-input input[type=number], .form-input input[type=password], .form-input input[type=search], .form-input input[type=tel], .form-input input[type=time], .form-input input[type=url], .form-input input[type=week], .form-input textarea{
    width: 100%;
    border: 1px solid #E1E1E1;
    padding: 5px;
    background-color: #FFFFFF;
}

.form-input.transparent input[type=text], .form-input.transparent input[type=color], .form-input.transparent input[type=date], .form-input.transparent input[type=email], .form-input.transparent input[type=file], .form-input.transparent input[type=image], .form-input.transparent input[type=month], .form-input.transparent input[type=number], .form-input.transparent input[type=password], .form-input.transparent input[type=search], .form-input.transparent input[type=tel], .form-input.transparent input[type=time], .form-input.transparent input[type=url], .form-input.transparent input[type=week], .form-input.transparent textarea{
    background-color: transparent;
    color: #FFFFFF;
}

.form-input input[type=checkbox], .form-input input[type=radio] {
    background-color: #FFFFFF;
}

.form-input select {
    width: 100%;
    border: 1px solid #E1E1E1;
    padding: 5px;
    background-color: #FFFFFF;
}

/*************************************
* Form button
**************************************/

.form-button-primary button {
    text-align: center;
    width: 100%;
    padding: 5px;
    background-color: #068BB4;
    border: 1px solid #068BB4;
    color: #FFFFFF;
}

.form-button-transparent button {
    text-align: center;
    width: 100%;
    padding: 5px;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}

.form-button button {
    text-align: center;
    width: 100%;
    padding: 5px;
    background-color: #3E3E3E;
    border: 1px solid #3E3E3E;
    color: #FFFFFF;
}

/*********************************************
* Form Messages
*********************************************/
.form-message {
    background-color: transparent;
    margin: 0;
    padding: 10px 0px;
    text-align: center;
    margin-bottom: 10px;
}

.form-message.error {
    color: #FF3232;
    border: 1px solid #FF3232;
}

.form-message.success {
    color: #8cf046
    border: 1px solid #8cf046;
}


/****************************************
* Site Loder
****************************************/
.site-loader {
    position: absolute;
    z-index: 1000;
    top: 50vh;
}


/**************************************
* Site Page Messages
**************************************/
.page-message-container {
    position: absolute;
    top: 30px;
    /*right: 0px;*/
    z-index: 9999;
}

.page-message {
    background-color: #3E3E3E;
    margin-top: 15px;
    padding: 15px 10px;
    color: #07abde;
    border: 1px solid #999999;
}

.page-message.error {
    color: #FF3232;
    border: 1px solid #FF3232;
}

.page-message.success {
    color: #8cf046;
    border: 1px solid #8cf046;
}

.page-message.info {
    color: #337AB7;
    border: 1px solid #337AB7;
}

.page-message > i {
    color: #FFFFFF;
    position: absolute;
    top: 5px;
    right: 5px;
}


/************************************
* Action Button
************************************/
.action-button {
    position: relative;
    float: right;
}

.action-button button {
    background-color: transparent;
    border: 0px;
    color: #5B595A;
}

/***************************************
* Card
***************************************/
.card {
    background-color: #FFFFFF;
    color: #5B595A;
    padding: 0;
}

.card .card-name {
    padding: 10px;
    border-bottom: 2px solid #d6d1d3;
    font-size: large;
}

.card .card-name.blue {
    padding: 10px;
    background-color: #068BB4;
    color: #FFFFFF;
    border: none;
    font-size: large;
}

.card-container {
    margin-top: 15px;
    margin-bottom: 15px;
}

.card-container .title-bar{
    background-color: #068BB4;
    padding: 5px 0px;
    color: #FFFFFF;
}

.card-list .card-container .table-row > div input[type='checkbox'] {
    margin-top: 0px;
}

.card-list .card-container .table-row > div {
    box-shadow: 0px 0px 1px #D6D1D3 inset;
}

.card-container .table-row, .card-container .table-row label {
    background-color: #FFFFFF;
    color: #5B595A;
    font-weight: 300;
}

.col-padding {
    padding :5px 5px 5px 5px;
}

.filter-col-padding {
    padding: 5px 15px;
}

#filter-form .title-over-flow-coloum{
    white-space: normal;
}

.table-over-flow-coloum, .title-over-flow-coloum {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.page-bullet {
    padding: 3px;
    border: 1px solid #5B595A;
    color: #5B595A;
    margin: 0px 5px;
    text-align: center;
    vertical-align: middle;
}

.page-bullet.active-page {
    border: 1px solid #068BB4;
    color: #068BB4;
}

.page-bullet.link-paginator {
    cursor: pointer;
}


/*****************************************
* Model Design
******************************************/
.modal-content {
    border: 1px solid #5B595A;
    border-radius: 0;
    padding: 20px 15px;
}

.modal-content.info-modal{
    background-color: #F2F2F2;
}