﻿.nothing {
    color: #f0efef
}


td
{
    vertical-align:middle;
}
.reminder-tab-clicker 
{
    font-size: 1.00em!important;
}
.dropdown-menu-up {
    bottom: 20% !important;
    top: auto !important;
}
.reminder-header{
    top:3px;
    position:relative;
    left:40%;
    font-size:20px;
    font-weight:bold;
    width:430px;
    color:#e6e6e6
}
.large-table {
    width: 99% !important;

}
.large-table td {
    vertical-align: middle!important;
}

.dashboard-stat2{
    min-height:120px;
}

@media all and (max-width:1400px) {
    .page-header.navbar .top-menu {clear: none !important;}
    
    .large-table > thead > tr > th, .large-table > tbody > tr > td {
        font-size: 79% !important;
    }
    .large-table > btn {
        font-size: 79% !important;
    }
}

.home-page-table > thead > tr > th, .home-page-table > tbody > tr > td {
    font-size: 79% !important;
}

.reminder-modal-text {
    max-height: 380px;
}

.reminder-table {
    max-width: 99% !important;
    width: 99% !important;
    min-width: 99% !important;
}
.reminder-table th, .reminder-table td
{
    font-size:0.85em!important;
}

td, th {
    white-space: normal !important;
    word-wrap: break-word !important;
}
.hide{
    display:none;
}


.completedanniversarypopover ~ .popover{
    min-width: 500px !important;
}
.anniversaryPopover ~ .popover {
    min-width: 500px !important;
}
 
.badge {
    height: 17px !important;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.optionGroup {
    font-weight: bold;
    font-size:12px!important;
    font-style: italic;
}

.optionChild {
    padding-left: 15px;
}

.tile-sm{
    width:80px!important;
    height:100px!important;
}


.tiles .tile-sm .tile-body {
    padding-top: 0px!important;
    font-size:10px!important;
}

.tiles .tile-sm .tile-object > .name 
{ 
    font-size:11px!important;
    text-align:center;
    margin-left:0px!important;
    margin-right:90px!important;
    width:70px!important
}

.tiles .tile-sm .tile-body > i {
    font-size: 28px !important;
    margin-top:7px!important;
}
.align-right
{
    text-align:right!important;
}

.select2-container-multi .select2-choices
{
    margin-top:0px;
    background-image:none!important;
}
.select2-container, .select2-container-active {
    height:auto!important;
    border: 0 !important;
    outline: 0 !important;
    background-image: none !important;
}

.select2-choices, .select2-input, .select2-focused, .select2-search-field, .select2-dropdown-open, .select2-container-active {
    border: 0 !important;
    outline: 0 !important;
    background-image: none !important;
    margin-top: 1px !important;
}

.form-actions 
{
    min-height:50px;
    height:50px;
}

.topas-checkbox {
    float: left !important;
    margin-right: 10px !important;
}

.rotate-header {
    -moz-transform: rotate(-65deg); /* FF3.5+ */
    -o-transform: rotate(-65deg); /* Opera 10.5 */
    -webkit-transform: rotate(-65deg); /* Saf3.1+, Chrome */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=4)"; /* IE8 */
    vertical-align: middle !important;
    /*padding:1px!important;
   height:150px;*/
    width: 100px !important;
}

/*.bootstrap-tagsinput{
    border:none!important;
    box-shadow:none!important;
}*/

div.container {
	min-width: 980px;
	margin: 0 auto;}


.rotated-header {
   text-align:center;
   vertical-align:middle;
}

.dt-buttons {
    text-align:left;
}
/*fix date selector select problem */
.datepicker table tr td, .datepicker table tr th {
    position: relative;
    z-index: 100 !important;
}
.ui-datepicker-year{ display:none;   }
/* firefox hack */
.portlet > .portlet-title > .caption {min-width: 75%;}


.notes-container {
    background-color:white;
    margin:2px;
}

.btnWizardStep:hover {
    cursor:pointer;
}

.btn-export{
    margin-left:2px;
}

/*.select2-search-choice{border:none!important;font-size:14px!important;margin-left:-15px!important;margin-top:7px!important;}
.select2-search-choice-close{display:none!important;}
.select2-choices{border:none!important;color: #4d6b8a!important;}
.select2-search-choice{color: #4d6b8a!important;padding-left:0px!important;margin-left:-5px!important;}*/
.select2-container-multi .select2-choices .select2-search-choice {background-color:#E5E5E5!important;background-image:none!important;padding:5px!important;padding-left:15px!important;}
.page-header.navbar .hor-menu .navbar-nav>li>a{ font-size:13px!important; padding-left:8px!important;padding-right:8px!important;}

.loan-total {
    background-color: #8fc5eb;
    font-weight:bold;
}

.red-row {
    color:red!important;
}


.page-header.navbar .hor-menu .navbar-nav>li>a {
    font-size: 15px !important;
    font-weight:400!important;
}

.condensed-input {
    padding-top: 1px !important;
    padding-bottom:1px!important;
    margin-top:2px!important;
    margin-bottom: 8px!important;
}

.topas-small {
    line-height:10px!important;
    padding-top:1px!important;
}


#tabFile,#ribbonGroupDataSource,#ribbonGroupMailMergeFinish {
    display:none!important;
}


.portlet.calendar.light .fc-button {
    color:#666!important;
}

/*.filter-option {
    font-size:12px!important;
}*/

select.btn-mini {
    height: auto;
    line-height: 14px;
}

.input-sm .select2-choices .select2-search-choice {
    font-size:12px!important;
}

/* this is optional (see below) */
select.btn {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
    padding-right: 16px;
}

select.btn-mini + .caret {
    margin-left: -20px;
    margin-top: 9px;
}

.ms-container
{
    width:90%!important;
}

.bs-select.input-sm .filter-option {font-size:12px!important;}

.field-has-error {border:solid 3px red!important;}

.work-item-display{padding:5px!important;}


.portlet.calendar .fc-button .fc-icon {
    height: 20px;
    top: -5px;
}




.topas-number {
    font-size: 15px !important;
    left: 30px !important;
    position: absolute;
    text-align: center;
    width: 44px;
    line-height: 70px !important;
    font-weight: 400;
}

.topas-dial-label{
    font-size: 14px;
    color: #AAB5BC;
    font-weight: 600;
    text-transform: uppercase;
    text-align:center;
}
.topas-easy-pie-chart
{
    margin-top:-10px!important;
}
.easy-pie-chart .number
{
    line-height:70px!important;
}


/* cool google map styles */
.map-icon-label .map-icon 
{
	font-size: 11px;
	color: #FFFFFF;
	line-height: 48px;
	text-align: center;
	white-space: nowrap;
}
.whg-text{
    color: #fff;
}

.dropdown-menu-right {
    margin: 5px !important;
    margin-top:5px!important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu-right:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:before {
    margin:0px!important;
}

.datepicker 
{
    z-index:90000!important;
}



.seperator {
    display: inline-block;
    height: 15px;
    width: 2px;
    background: #ccc;
    margin: 0 20px;
    line-height: 36px;
    margin-top: 12px;
}

.item-lastest-news {
    margin-top: 4px;
    margin-bottom: 40px;
    padding-right: 50px;
}

    .item-lastest-news h3 {
        margin-bottom: 15px;
    }

        .item-lastest-news h3 a {
            color: #333;
        }

            .item-lastest-news h3 a:hover {
                color: #00abc9;
            }

    .item-lastest-news img {
        position: relative;
        float: left;
        max-width: 160px;
    }

    .item-lastest-news .news-thumbnail {
        float: left;
        width: 160px;
        margin-right: 20px;
    }

    .item-lastest-news.home-news .news-text-container {
        float: left;
        width: 355px;
    }

.itemBlogList:after {
    content: '';
    display: block;
    clear: both;
}

.item-lastest-news .news-text-container .title-news {
    margin-top: 0;
    font-weight: bold;
    font-size: 18px;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}

.item-lastest-news .news-text-container p {
    line-height: 25px;
    margin-bottom: 15px;
}

.item-lastest-news .news-text-container .tags {
    margin-right: 15px;
}

    .item-lastest-news .news-text-container .tags a {
        text-transform: uppercase;
        -webkit-transition: all 0.6s ease 0s;
        transition: all 0.6s ease 0s;
        font-size: 11px;
        color: #00abc9;
        letter-spacing: 1px;
    }

        .item-lastest-news .news-text-container .tags a:hover {
            color: #005463;
        }

.item-lastest-news .news-text-container .dates {
    text-transform: uppercase;
    color: #999999;
    font-size: 11px;
}

.site-main {
    padding-right: 50px;
    height: 100%;
}

.itemBlogList {
    margin-bottom: 50px;
    margin-top: 0;
}

    .itemBlogList .img-news-container img {
        width: 100%;
        height: auto;
        max-width: 100%;
    }

    .itemBlogList .news-text-container, .itemBlogList .news-media {
        width: 48%;
        float: left;
    }

    .itemBlogList .news-media {
        margin-right: 4%;
    }

    .itemBlogList h3 {
        margin-bottom: 13px;
    }

    .itemBlogList .latest-news-data {
        margin-bottom: 15px;
    }

    .itemBlogList .continueReading {
        margin-top: 10px;
        color: #333;
    }

    .itemBlogList .continueReading:hover {
        color: #00abc9;
    }


.entry_post_navigation {
    margin-top: 40px;
    display: inline-block;
    width: 100%;
    padding-bottom: 30px;
}

.preview_entry_post,
.next_entry_post {
    display: inline-block;
}

    .preview_entry_post span,
    .next_entry_post span {
        font-family: 'PT Sans', sans-serif;
        font-size: 11px;
        color: #999999;
        -webkit-transition: all 0.6s ease 0s;
        transition: all 0.6s ease 0s;
    }

    .preview_entry_post h3,
    .next_entry_post h3 {
        font-size: 15px;
        font-weight: bold;
        -webkit-transition: all 0.6s ease 0s;
        transition: all 0.6s ease 0s;
    }

    .preview_entry_post:hover span,
    .next_entry_post:hover span,
    .preview_entry_post:hover h3,
    .next_entry_post:hover h3 {
        color: #00abc9;
    }

.next_entry_post {
    float: right;
    text-align: right;
}