div.pdfField .x-form-item-label {
    display: table-footer-group;
    text-align: center;
}

.core-apps-header > .x-panel-header{
	background-color: #8b8b8b;
	color: #fff;
}

.x-header-text{
	padding-left: 3px;
}
/*
a:link {color:#157FCC;text-decoration:none;}
a:visited {color:#157FCC;text-decoration:none;}
a:hover {color:#158FDD;text-decoration:none;}
a:active {color:#157FCC;text-decoration:none;}
 */
.profile-thumb{
	width:20px;
	height:20px;
	padding-right:2px;
}

.mandatory {
	color: red;
}

.clearbottom .x-toolbar-footer{
	border-color: transparent;
	background-color: transparent;
}
.ftw .x-progress-bar{
    background-color: #a7ffeb;
    font-weight: bold;
}

.app .x-progress-bar{
    background-color: #a7ffeb;
    font-weight: bold;
}

.acc .x-progress-bar{
    background-color: #a7ffeb;
    font-weight: bold;
}

.thin-pad .x-grid-cell-inner{
    padding: 3px 3px 2px 2px;
}
.group-row .x-grid-cell{
	background-color: #62757f;
	font-weight: bold;
	color: white;
	font-size: 16px;
	height: 30px;
	vertical-align: middle;
}

.indent .x-grid-cell-inner{
    padding-left: 35px;
}

.glyph {
    background: none;
    border: none;
    color: #2962ff;
    font-weight: 900;
    opacity:1;
}

.big-title .x-title-icon{
    font-size: 18px !important;
    font-weight: 500;
}

.big-title .x-title-text{
    font-size: 18px;
    font-weight: 500;
}

.semester-scrollers{
    background: none;
    border: none;
}
.title-text{

    color: #157fcc;
    /*
    color: #2962ff;
    background-color:#1976d2;
    color: #ffffff;
    */
    font-size: 15px;
    font-weight: 300;
    font-family: helvetica, arial, verdana, sans-serif;
    line-height: 16px;

}

.bold{
    font-weight: bold;
}
.underline{
    text-decoration: underline;
}

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


.status .CN{
    color:#E0E0E0;
    background-color: #90A4AE;
}
.status .NW{
    color:#E0E0E0;
    background-color: #FFF176;
}
.status .IP{
    color:#E0E0E0;
    background-color: #64B5F6;
}
.status .PK{
    color:#E0E0E0;
    background-color: #7986CB;
}
.status .SP{
    color:#E0E0E0;
    background-color: #009688;
}
.status .VB{
    color:#E0E0E0;
    background-color: #AED581;
}
.status .VA{
    color:#E0E0E0;
    background-color: #FFB74D;
}
.status .HK{
    color:#E0E0E0;
    background-color: #A1887F;
}
.status .PI{
    color:#E0E0E0;
    background-color: #3E2723;
}
.statusbox{
    border-radius:50%;
    background-color:#62757f;
    width:45px;
    height:45px;
    margin-right:10px;
}
.status{
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;
}
.status .icon{
    font-size: 30px;
    line-height: 30px;
    font-weight:500;
    margin:0;
    padding:0;
}
.orderdetails-bg{
    background-color: #262e3e;
}
.header-panel{
	background-color: #ffffff;
	border-bottom: 2px solid #262e3e !important;
}
.footer-panel{
	background-color: #ffffff;
	border-top: 2px solid #262e3e !important;
}
/*  bluepanel */
.bluepanel{
    border-radius: 8px;
}
.bluepanel .x-panel-header{
    background-color: #386ae8;
    color:#ffffff;
    font-size:15px;
    min-height:17px;
    line-height:15px;
    padding: 5px;
        border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.bluepanel .x-panel-header-title{
    color:#ffffff;
    font-weight: 700;
    font-size:14px;
    line-height:15px;
    min-height:15px;
    vertical-align: middle;
    padding-left: 5px;
}

/*  displayfield inside panel */
.display-text .x-form-display-field{
    font-size: 16px;
    min-height: 17px;
    line-height: 17px;
    text-align: left;
    font-weight: 700;
    padding-left:5px;
}
.display-text-small .x-form-item-body{
    font-size: 14px;
    min-height: 15px;
    line-height: 15px;
    text-align: left;
	padding:0;
	margin:0;
    /* font-weight: 700; */
}
.display-text-small .x-form-display-field{
    font-size: 14px;
    min-height: 15px;
    line-height: 15px;
    text-align: left;
	padding:0;
	margin:0;
    /* font-weight: 700; */
    padding-left:15px;
}

/*  displayfield highlighted label top - self panel  */
.s1-field-item{
    border-radius: 4px;
    margin-bottom:15px;
}
.s1-field-item .x-form-item-label{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 2px solid #386ae8;
	border-bottom:0;
	font-size:14px;
    line-height:15px;
    min-height:15px;
	padding:0;
}
.s1-field-item .x-form-item-label-inner{
    background-color: #386ae8;
    color:#ffffff;
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 2px solid #386ae8;
    font-size:14px;
    line-height:15px;
    min-height:15px;
	padding:0;
}
.s1-field-item .x-form-item-label.x-form-item-label-top > .x-form-item-label-inner{
	padding:3px;
}
.s1-field-item .x-form-item-label-text{
    font-size:14px;
    line-height:15px;
    min-height:15px;
    font-weight: 700;
    padding-left: 10px;
}
.s1-field-item .x-form-item-body{
    background-color: #ffffff;
    padding: 5px;
    padding-left: 10px;
    padding-right: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
	font-size:16px;
    line-height:17px;
    min-height:17px;
}
.s1-field-item .x-form-display-field{
    font-size:16px;
    line-height:17px;
    min-height:17px;
    font-weight: 700;
    padding-left:5px;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

/*  displayfield  highlighted left label with bottom line field   */
.s1-field-item-side{
    margin-bottom:15px;
}
.s1-field-item-side .x-form-item-label{
    background-color: #386ae8;
    color:#ffffff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 2px solid #386ae8;
    padding:0;
}
.s1-field-item-side .x-form-item-label-inner{
    font-size:14px;
    line-height:15px;
    min-height:15px;
}
.s1-field-item-side .x-form-item-label-text{
    font-size:14px;
    line-height:15px;
    min-height:15px;
    max-height:15px;
    font-weight: 700;
    padding-left: 10px;
}
.s1-field-item-side .x-form-item-body{
    background-color: #ffffff;
	border: 2px solid white;
    border-bottom: 2px solid #386ae8;
	border-left: 0;
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    vertical-align:middle;
	font-size:14px;
    line-height:15px;
    min-height:15px;
}
.s1-field-item-side .x-form-display-field{
    color:black;
    font-size:14px;
    line-height:15px;
    min-height:15px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
    padding: 0;
    margin:0;
    padding-left: 20px;
    padding-right: 30px;
}


/*  table column row  side label  */
.s1-field-table-side{
    margin:0;
    margin-left:5px;
    margin-right:5px;
}
.s1-field-table-side .x-form-item-label{
    color:#000000;
    vertical-align:bottom;
	font-size:14px;
    line-height:15px;
    min-height:15px;
    /* padding:0; */
    /* margin:0; */
}
.s1-field-table-side .x-form-item-label-inner{
    border-bottom: 2px solid #386ae8;
    text-align: left;
	padding-top:0;
	    font-size:14px;
    line-height:15px;
    min-height:15px;
}
.s1-field-table-side .x-form-item-label-text{
    font-size:14px;
    line-height:15px;
    min-height:15px;
    max-height:15px;
    font-weight: 700;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}
.s1-field-table-side .x-form-item-body{
    vertical-align:top;
    text-align: left;
    padding-top: 0;
    border-bottom: 2px solid #386ae8;
	font-size:14px;
    line-height:15px;
    min-height:15px;

}
.s1-field-table-side .x-form-display-field{
    color:#000000;
    font-size:14px;
    line-height:15px;
    min-height:15px;
    /* font-weight: 700;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
    padding: 0;
    margin:0; */
    padding-left: 20px;
    padding-right: 30px;
}
.s1-field-table-side+.x-field{
    padding-right:30px;
    margin-bottom:5px;
}
/*  table column row  */
.s1-field-table{
    margin:0;
    margin-bottom:5px;
    margin-left:5px;
}
.s1-field-table .x-form-item-label{
    color:#000000;
    vertical-align:bottom;
	font-size:14px;
    line-height:15px;
    min-height:15px;
    /* padding:0; */
    /* margin:0; */
    /* padding-top:5px; */
}
.s1-field-table .x-form-item-label-inner{
    border-bottom: 2px solid #386ae8;
    font-size:14px;
    line-height:15px;
    min-height:15px;
    max-height:15px;
    padding-top: 0;
    /* margin:0; */
    text-align: center;
}
.s1-field-table .x-form-item-label-text{
    font-size:14px;
    line-height:15px;
    min-height:15px;
    max-height:15px;
    font-weight: 700;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.s1-field-table .x-form-item-body{
    vertical-align:top;
    text-align: center;
	padding:0;
    padding-top: 5px;
    margin:0;
	font-size:14px;
    line-height:15px;
    min-height:15px;
}
.s1-field-table .x-form-display-field{
    color:#000000;;
    font-size:14px;
    line-height:15px;
    min-height:15px;
    /* font-weight: 700; */
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
    padding: 0;
    margin:0;
    padding-left: 20px;
    padding-right: 30px;
}

/*  textarea panelized  */
.s1-field-textarea x-form-text{
    border:1px solid white;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius:0;
}
.s1-field-textarea{
    border-radius: 4px;
    margin-bottom:15px;
}
.s1-field-textarea .x-form-item-label{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid #386ae8;
	font-size:14px;
    line-height:15px;
    min-height:15px;
	padding:0;
}
.s1-field-textarea .x-form-item-label-inner{
    background-color: #386ae8;
    color:#ffffff;
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 2px solid #386ae8;
    font-size:14px;
    line-height:15px;
    min-height:15px;
	padding:0;
}
.s1-field-textarea .x-form-item-label.x-form-item-label-top > .x-form-item-label-inner{
	padding:3px;
}
.s1-field-textarea .x-form-item-label-text{
    font-size:14px;
    line-height:15px;
    min-height:15px;
    font-weight: 700;
    padding-left: 10px;
}
.s1-field-textarea .x-form-textarea-body{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding:5px;
    background-color: white;
}

.display .x-form-display-field{
    font-size: 22px;
    min-height: 22px;
    line-height: 29px;
    font-weight:700;
    /* color: #ffffff; */
    margin:0;
}
.title .x-form-display-field{
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    /* color: #ffffff; */
    margin:0;
}
.title .x-form-item-label{
	padding-top: 0;
}
.bluestrip.x-panel-header{
    background-color: #386ae8;
    color:#ffffff;
	padding:0;
}
.bluestrip.x-panel-header .x-tool-tool-el{
    background-color: #386ae8;
    color:#ffffff;
}

.bluestrip{
    background-color: #386ae8;
    color:#ffffff;
}
.bluestrip-acc.x-accordion-item .x-accordion-hd .x-panel-header-title{

    color:#ffffff;
	/* border:1px inset white; */
	font-weight: 700;
}
.bluestrip-acc.x-accordion-item .x-accordion-hd-over .x-panel-header-title{
    opacity: .5;
}
.bluestrip-acc .x-panel-header{
	border:2px groove white;
	background-color: #386ae8;
}
.title-strip{
	font-size:11px;
	line-height:11px;
	min-height:11px;
	color:#ffffff;
}
.caption .x-form-item-label-text{
    font-size:11px;
    line-height:11px;
    min-height:11px;
    font-weight: 700;
    padding-left: 5px;
	vertical-align:middle;
}
.caption .x-form-item-label{
    background-color: #386ae8;
    color:#ffffff;
	vertical-align:middle;
	font-size:11px;
    line-height:11px;
    min-height:11px;
	margin:0;
	padding:0;
}
.caption .x-form-display-field{
    font-size:11px;
    line-height:11px;
    min-height:11px;
    font-weight: 700;
    padding-left: 5px;
}