strong {
    font-size: 10px !important;
    line-height: 0;
}

div.container {
    align-items: center;
    justify-content: center;
}

    div.container div {
        width: auto;
    }

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

            div.container div div i {
                color: #38c !important; /* Cannot set clr-primary yet! */
            }

.oc-thumbnail-circular {
    border-radius: 50% !important;
    overflow: hidden;
}

.background {
    background: url('http://localhost/oc/css/images/login_bg.png') !important;
    background-repeat: repeat-y !important;
    background-position: center center !important;
    background-attachment: scroll !important;
    background-size: 100% 100% !important;
}

.logo {
    background: url('http://localhost/oc/css/images/logoTransparent.png');
    background-position: center center;
    background-size: 155px 75px !important;
    background-repeat: no-repeat !important;
    height: 200px;
    margin-bottom: 50px;
}

ul.detail {
    margin: 5px 0 !important;
    padding: 5px;
    font-size: smaller;
}

    ul.detail li {
        clear: both;
    }

        ul.detail li span.name {
            /*float: left;*/
            font-weight: bold;
            vertical-align: middle;
            word-break: break-all;
            /*max-width: 150px;*/
            overflow: initial !important;
            white-space: initial !important
        }

.textwrap {
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: auto;
    width: 100%;
}

ul.detail li span.value {
    /*float: right;*/
    margin-left: 10px;
    overflow: hidden;
    display: block;
    white-space: initial;
    /*width: 150px;*/
    word-break: break-word;
}

ul.edit {
    font-size: smaller;
}

    ul.edit li div.name {
        font-weight: bold;
    }

span.liName {
    font-size: 14px;
    font-weight: 400 !important;
}


span.bold {
    font-weight: bold !important;
}

.red, .new {
    color: Red !important;
}

span.prev-next {
    text-decoration: none !important;
    color: #5A5F5F !important;
}

span.logmargin {
    margin: 23px !important;
}

.position {
    position: absolute !important;
    height: 23px !important;
    margin: -4px !important;
}

img.margin {
    margin: 5px !important;
}

li.default {
    padding: 0.5em 15px !important;
}

li.editdefault {
    padding: 0px !important;
}

.bold {
    font-weight: bold !important;
}

.vertalign {
    vertical-align: -3px !important;
}

.anchor {
    min-height: 20px !important;
    padding-left: 50px !important;
}

div.btnmargin {
    border: 1px solid #CCC !important;
    background: #ECF2F3 !important;
    display: table;
}

.btnmargin > div {
    float: left;
}

div.margin {
    margin: 5px !important;
}

div.margin > div{
    padding: 4px;
}

div.zeromargin {
    margin: 0px !important;
}

div.padding {
    padding-top: 0px;
}

div.btnborder {
    border: 1px solid #CCC !important;
}

div.daymonth {
    right: -10px;
    top: -16px;
    float: right;
}

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

.left {
    text-align: left !important;
    margin: 0px 9px 0px 8px !important;
}

span.prev-next {
    text-decoration: none !important;
    color: #5A5F5F !important;
}

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

.buttonHeight {
    height: 50px !important;
}

.delete {
    text-align: left;
    padding: 10px 0 0 0;
}

label.vertalign {
    vertical-align: -3px !important;
}

img.size {
    position: absolute;
    height: 23px;
    margin: -4px;
}

li.height {
    padding: 5px;
    height: 30px;
}

li.margin {
    padding: 5px 5px 0 5px;
}

.calendarDateHasEvent {
    background-color: lightgreen !important;
}

    .calendarDateHasEvent a {
        color: #333 !important;
    }

.calendarDay a,
.calendarToday a,
.calendarWeekendDay a {
    color: #666 !important;
    text-decoration: none;
    font-weight: normal;
}

.calendarOtherMonthDay a {
    color: #CCC !important;
    text-decoration: none;
    font-weight: normal;
}

.calendarDayHeader {
    background-color: darkgrey !important;
    font-weight: normal !important;
    color: white !important;
}

.calendarSelectedDay {
    background-color: saddlebrown !important;
}

.calendarToday {
    border: 4px solid #666;
}

.calendarSelectedDay a {
    color: white !important;
    text-decoration: none;
    font-weight: normal;
}

.calendarWeekendDay {
    background-color: moccasin !important;
}

.calendarTitle {
    background-color: none;
    font-size: 20px;
    font-weight: bold
}

.note-date-line {
    font-size: small;
    text-align: right;
}

    .note-date-line div {
        margin: 0;
    }

.note-description {
    font-size: smaller;
}

.cardHeadder {
    background: url('../Asserts/Vishnu.jpg')no-repeat top center fixed;
    background-size: auto;
    height: 200px;
    width: 100%;
    margin: 0;
    padding: 0;
    color: white;
    text-align: justify center;
    font-size: 50px;
}

.socialnetwork a {
    text-decoration: none;
    font-size: 22px;
    color: black;
}

.key {
    float: left
}

.value {
    float: initial;
}

.info {
    border: red;
}

div[id$='-button'] {
    font-size: 14px;
    float: left;
}


.ui-content .ui-listview {
    margin-bottom: 20px !important;
}

.ui-content .ui-listview, .ui-panel-inner > .ui-listview ul {
    /*margin: 0em !important;*/
}

#pcParent-button > span, #pcChild-button, div[id*="ddl"] {
    min-width: 75px;
}

.button-wrap {
    margin-left: 5px !important;
    margin-right: 5px !important
}

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

.text-decoration-none {
    text-decoration: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

li[id=notes] {
    display: inline-grid !important
}

li#notes > span:last-child {
    width: 300px !important;
    word-break: keep-all
}

.valueofcombo {
    display: inline-flex;
    text-align: -webkit-auto;
    align-items: flex-start !important;
    align-items: flex-start;
}


.ui-listview > .ui-li-static {
    padding: 5px 5px 0 5px !important;
}

    .ui-listview > .ui-li-static span.value div.ui-select div {
        border: 1px solid #EEE;
        width: 80%;
        text-align: left;
    }

    .ui-listview > .ui-li-static span.value div input[type=date] {
        border: 1px solid #EEE;
        width: 99%;
        text-align: left;
        margin-top:10px;
    }
    
.imagecenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 64%;
}


img#photoAttachment_imgFrm, img#photoAttachment_imgFrmNoImage {
    border-width: 0px !important;
    height: 120px !important;
    border-radius: 8px;
    margin-bottom: 0px;
    margin-left: 80px !important;
    margin-right: 70px !important;
}

/* this is for field headings in the details screen */
li[role="heading"] {
    padding-left: 5px !important;
}


.ui-page-theme-a .ui-btn.ui-btn-raised {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26) !important;
}


.ui-checkbox input, .ui-radio input {
    position: unset;
}

#chkShowAll {
    position: absolute !important;
}

.nodeCenter {
    border-radius: 0%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 250px;
    height: 250px;
}

.centerimage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*width: 50%;*/
}


.ui-input-text:after,
.ui-input-search:after{
    width: 95% !important;
}

div.ui-input-text input[type=text],
div.ui-input-search input[type=text]
{
    padding-top: 10px;
}

textarea.ui-input-text {
    width: 98% !important;
    border: 1px solid #eee !important;
    border-bottom: 2px solid #ccc !important;
    padding: 2px !important;
}

textarea.ui-input-text,
.ui-textinput-autogrow {
    margin-top: 10px !important;
}

.ui-field-contain .name,
.ui-listview > .ui-li-static .name{
    opacity: .75;
}

.small-footer{
    font-size: 12px;
    text-align: right;
}

.ui-li-divider{
    font-size: larger !important;
    background-color: #EEE !important;
}

.ui-controlgroup-controls .ui-btn{
    padding: .5em;
}

.normalRow, .alternateRow {
    padding: 5px;
}
.alternateRow {
    background-color: white;
}

.list-divider{
    border-top: solid 1px #EEE;
    margin: 5px !important;
}

.list-divider li:first-of-type{
    border-top:none;
}