.cbradioevent
{
    margin-right: 20px;
    float: left;
}
.lblradioevent
{
    white-space: normal;
}
.attachmentsBadge {
    background:#ff0000;
    position: absolute; 
    bottom: 0px;
    Right: 0px;
    min-width:14px;
    height: 14px;
    color:#ffffff;
    border-radius: 50%;
    padding: 2px;
    text-align: center;
    font-size: 10px;
}
.intro
{
    margin:auto;   
    text-align:center;
}
.intro img
{
    max-width:100%;
}

.ui-slider-switch { width: 100%!important; }
.hide {
    display: none!important;
}
.completed 
{
    background-color:Green!important;
    text-shadow:none!important;
    color:White!important;
}
.btn-completed
{
    background-color:Green!important;
    text-shadow:none!important;
    color:White!important;
    border:1px solid #006400!important;
}
#ticketDetails label:first-child {
    font-weight:bold;
    margin:0px;

}
#ticketDetails label:nth-child(2) {

    margin:0px;

}
.ui-controlgroup-controls > div {
    margin-bottom:20px;
}
.wrap {
    white-space: normal !important;
}
.bold{font-size:1.2em!important;}
#CustomerNotification .ui-mini{ margin:0px!important;}
/* Left transition */
li.left {
    -webkit-transition: -webkit-transform 250ms ease;
    -webkit-transform: translateX(-100%);
    -moz-transition: -moz-transform 250ms ease;
    -moz-transform: translateX(-100%);
    -o-transition: -o-transform 250ms ease;
    -o-transform: translateX(-100%);
    transition: transform 250ms ease;
    transform: translateX(-100%);
}
/* Right transition */
li.right {
    -webkit-transition: -webkit-transform 250ms ease;
    -webkit-transform: translateX(100%);
    -moz-transition: -moz-transform 250ms ease;
    -moz-transform: translateX(100%);
    -o-transition: -o-transform 250ms ease;
    -o-transform: translateX(100%);
    transition: transform 250ms ease;
    transform: translateX(100%);
}
/* Border bottom for the previous button during the transition*/
li.left a.ui-btn,
li.right a.ui-btn {
    border-top-width: 0;
    border-left-width: 1px;
    border-right-width: 1px;
}
li a.ui-btn.border-bottom {
    border-bottom-width: 1px;
}
/* Hide the delete button on touch devices */
ul.touch li.ui-li-has-alt a.delete {
    display: none;
}
ul.touch li.ui-li-has-alt a.ui-btn {
    margin-right:0;
}
/* Styling for the popup */
#confirm p {
    text-align: center;
    font-size: inherit;
    margin-bottom: .75em;
}
#tblTicketAttachments th { font-size:.8em; text-transform:uppercase;}
#tblTicketAttachments td { font-size:smaller;}
@media only screen and (min-width: 1366px){
    
    .ui-page {
        width: 800px !important;
        margin: 0 auto !important;
        position: relative !important;
        /*border-right: 5px #666 outset !important;
        border-left: 5px #666 outset !important;*/
    }
    .ui-footer, .ui-header {
        width: 800px !important;
        margin: 0 auto !important;
        position:top!important;
        /*border-right: 5px #666 outset !important;
        border-left: 5px #666 outset !important;*/
    }
   
    .ui-slider-switch { width: 50%!important; }
    #settings .ui-field-contain > label, .ui-field-contain .ui-controlgroup-label, .ui-field-contain > .ui-rangeslider > label,
    #CustomerProblem .ui-field-contain > label, .ui-field-contain .ui-controlgroup-label, .ui-field-contain > .ui-rangeslider > label {
        float: left;
        width: 50%!important;
        margin: .5em 2% 0 0;
    }
    #settings .ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls, 
    #CustomerProblem .ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls {
        float: left;
        width: 48%!important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

}