/* css for Policies, Procedures Handbooks module */
#polTab1::before {
	content: "Documents";
}
#polTab2::before {
	content: "Handbooks";
}
#pol2Tab1::before {
	content: "Publish";
}
#pol2Tab2::before {
	content: "Related Documents";
}
#pol2Tab3::before {
	content: "Other Versions";
}
.polSimpleChksWrapper {
	height: 20px;
    background-color: #f2f2f2;
    width: 100%;
	padding-bottom: 20px;
}

.simpleOtherInputs {
	color: #858380;
	position:relative;
	left: 140px;
    padding-left: 6px;
}
.simpleOtherInputs  > div {
	display: inline-block;
	margin-right: 10px;
}

.polinfowrapper {
	width: 100%;
	margin-top: 10px;
}

.poltitleholder {
	margin-left: 2%;
}
.poltitlearea {
	font-size: 1.6em;
	width: 90%;
	color: #9F9F9F;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
}
.resultswrapper {
	margin: 0 auto;
	margin-top: 15px;
	width: 98%;
}
.advpollabel {
	display: inline-block;
	color: #858380;
	font-size: .85em;
	text-align: right;
	font-size: .8em;
}
.leftpollabel {
	width: 47%;
}
.rightpollabel {
	width: 30%;
}
.poldata {
	display: inline-block;
	font-size: .8em;
}
.polDocDetailsText {
	color: #428CC9;
	font-size: .85em;
	display:inline-block;
}
.leftpoldata {
	width: 35%;
}
.rightpoldata {
	width: 65%;
}
.helpqm {
	font-size: 1.2em;
	cursor: pointer;
	cursor: hand;
}
.advSearchWrapper {
	display: inline-block;
	width: 100%;
	line-height: 30px;
	margin-top: 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid #D0D0D0;
}
.polheader {
	font-size: .9em;
}
.polfoo {
	font-size: .82em;
    margin-bottom: 20px;
}
.polfoocenter {
	text-align: center;
}
.polfooleft {
	text-align: left;
	margin-left: 5px;
}

.polfoopadding{
    padding: 0 10px;
}

.polpurple {
    background: -webkit-linear-gradient(#CAC1DE,#652C93); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#CAC1DE,#652C93); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#CAC1DE,#652C93); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#CAC1DE,#652C93); /* Standard syntax */
}
.polgreen {
    background: -webkit-linear-gradient(#B6E9AE,#39B749); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#B6E9AE,#39B749); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#B6E9AE,#39B749); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#B6E9AE,#39B749); /* Standard syntax */
}
.polyellow {
    background: -webkit-linear-gradient(#F1ECB2,#FFCD02); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F1ECB2,#FFCD02); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F1ECB2,#FFCD02); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F1ECB2,#FFCD02); /* Standard syntax */
}
.polblue {
    background: -webkit-linear-gradient(#C4E7ED,#64B5E2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#C4E7ED,#64B5E2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#C4E7ED,#64B5E2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#C4E7ED,#64B5E2); /* Standard syntax */
}
.polred {
    background: -webkit-linear-gradient(#CC898E,#B94A48); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#CC898E,#B94A48); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#CC898E,#B94A48); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#CC898E,#B94A48); /* Standard syntax */
}
.poltogglecol {
	margin-left: 5px;
}
.polAdvLeftCol {
	display: inline-block;
	width: 40%;
}
.polAdvRightCol {
	display: inline-block;
	width: 55%;
}
.cbholder {
	color: #858380;
	font-size: 0.8em;
	text-align: center;
	padding-top: 10px;
}
.statusinds {
	width: 8px;
	height: 12px;
	display:inline-block;
	margin-right: 5px;
}
.cbdivsHlp {
	display: inline-block;
}
.cbdivs {
	display:inline-block;
	margin: 0 10px;
}
.cboxes {
	margin-right: 5px;
}

.polTabbedDivs {
	width: 97%; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; border-bottom: solid 1px #BFBFBF;
}

.polTabbedDivs div:nth-child(even) {background: #FFFFFF; height: 18px; border-right: solid 1px #BFBFBF; border-left: solid 1px #BFBFBF; padding: 5px; font-size: .9em; color: #818181;}
.polTabbedDivs div:nth-child(odd) {background: #F2F2F2; height: 18px; border: solid 1px #BFBFBF; padding: 5px; font-size: .9em; color: #818181;}

#contentHolder {
 border: solid thin #999999;
 width: 98%;
 margin: auto;
}
#polSerIconBar {
	width: 100%;
	height: 20px;
}
#mainDivHolder {
	width: 100%;
	position: relative;
	overflow: hidden;

}
#searchResultsDiv {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}
#polEntireSearchWrapper {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}
#viewDetailWrapper {
	width: 100%;
	display: none;
}
#editDetailWrapper {
	width: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
#viewDetail {
	margin: 0 auto;
	width: 95%;
}
#editDetail {
	margin: 0 auto;
	width: 95%;
}

#briefTitle{
    border-left: none;
    text-align: left;
}

.polFootable{
    padding-left: 5px;
    border-right: none;
    height: 50px;
}

.polTitle{
    cursor: hand;
    cursor: pointer;
    border-left: none;
    padding-right: 10px;
}

.polBrief{
    margin-bottom: 10px;
    margin-top: -20px;
}

.polContext {
    color:#777777;
    font-size: .9em;
    font-style: italic;
    margin-bottom: -30px;
    width: 100%;
    height: 30px;
}

.polContextKey{
    color: #474747;
    font-weight: 800;
}

.polNoResults{
    padding-left: 20px;
}

.polFlexCol {
    -webkit-column-width: 325px;
    -moz-column-width: 325px;
    column-width: 325px;
    margin-bottom: 10px;
}
.polFlexCol > li {
    margin-bottom: 10px;
}

.polFlexCol div {
    width: 145px;
    padding: 2px;
}

.polFlexCol input[type="text"], .polFlexCol input[type="number"],.polFlexCol select {
    width: 150px;
    padding: 2px;
}

.polFlexCol input[type="radio"],.polFlexCol input[type="checkbox"] {
    width: initial;
}

.approval-level{
    display: inline-block;
    font-weight: 900;
    margin-left: 30px;
}

.btn-std{
    margin:0 5px 0 5px;
    font-size: 12px;
    float: none;
}

.btn-return{
    margin:0 5px 20px 5px;
    font-size: 12px;
    float: none;
}

/*Detailed View*/


#detailed-wrapper{
/*    background-color: aqua;*/
    width:100%;
    padding:10px 20px 20px 20px;
    position:relative;
    box-sizing: border-box;
}

#button-wrapper{
/*    background-color: deeppink;*/
    box-sizing: border-box;
    position: relative;
    margin-bottom: 10px;
    z-index: 1;
}

#title-wrapper{
/*    background-color: hotpink;*/
    min-height: 50px;
    box-sizing: border-box;
}

#metadata-wrapper{
/*    background-color: deeppink;*/
    min-height: 30px;
    box-sizing: border-box;
}

#lower-metadata-wrapper{
    box-sizing: border-box;
	position: relative;
	padding-top: 10px;
}

#lower-metadata-topbar {
	width: 100%;
	height: 42px;
    background: -webkit-linear-gradient(#BABBBD,#838488); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#BABBBD,#838488); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#BABBBD,#838488); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#BABBBD,#838488); /* Standard syntax */
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}


#lower-button-wrapper{
/*    background-color: deeppink;*/
    min-height: 75px;
    box-sizing: border-box;
}


#button-wrapper i {
    font-size: 1.3em;
    position: relative;
    top: 1px;
}

.btn-return{
    background: transparent linear-gradient(#ADAEB0,#959698) repeat scroll 0% 0% !important;
    color: white;
    border-color: dimgray;
    margin: 10px 5px 10px 5px;
    font-size: 12px;
    float: none;
}

.edit-btn-div{
    display: inline-block;
}
.highlightbtn {
	height: 25px; width: 205px; border: solid thin #BBBBBB; display: inline-block; border-radius: 5px; position: relative; text-align: left; margin-left: 5px;
}

.btnTextHL {width: 20px; height: 20px; border: solid thin #BBBBBB; position: absolute; border-radius: 5px;top: 1px; cursor: hand; cursor: pointer; text-align: left;}

#serText {border: none; margin-top: 3px; margin-left: 2px;}

#btnRemoveHL {
	right: 2px;
    background: -webkit-linear-gradient(#EC8E43,#DBBEA7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EC8E43,#DBBEA7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EC8E43,#DBBEA7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EC8E43,#DBBEA7); /* Standard syntax */
}
#btnHLText {
	right: 26px;
    background: -webkit-linear-gradient(#406FB2,#5EBCEF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#406FB2,#5EBCEF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#406FB2,#5EBCEF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#406FB2,#5EBCEF); /* Standard syntax */
}

#btn-view_detail_div{
    display: inline-block;
	width: 80%;
	text-align: right;
	position: absolute;
	right: 0;

}
#lblForSerHighlight {
	font-size: .8em;
	/*
	position: absolute;
	right: 625px;
	top: 8px;
	*/
	color: #5F5F5F;
}
#lblForSerHighlight:after {
	content: "Search\AHighlight:";
}
.pol-export-btn__dropdown__holder {
    display: inline-block;
    position: relative;
}

.pol-dropdown {
	display: block;
    text-align: left;
    position: absolute;
    left: 6px;
}

.hb-dropdown {
    display: inline;
    text-align: left;
    position: relative;
}

.pol-dropdown-menu {
    display: none;
    list-style: none; /** Remove list bullets */
}

.hb-dropdown-menu {
    position: absolute;
    display: none;
    list-style: none; /** Remove list bullets */
    z-index: 2;
    border-bottom: solid thin #bbbbbb;
    border-left: solid thin #bbbbbb;
    border-right: solid thin #bbbbbb;
}


/** Button Styles **/
.pol-dropdown button, .pol-dropdown div {
    margin:0;
    padding: 3px 0;
    position: relative;
    width: 112px;
}

/** List Item Styles **/
.pol-dropdown li, .hb-dropdown li {
    display: block;
    text-decoration: none;
    background: #f8f8f8;
    color: #6d6d6d;
    width: 91px;
    cursor: pointer;
    border-top: solid thin #BBBBBB;
    height: 30px;
    line-height: 30px;
}

.hb-dropdown-menu li {
    width: 100px;
}

.pol-dropdown li:hover{
    background-color: #e8e8e8;
}

.pol-dropdown ul{
    border: 1px solid #bbbbbb;
    border-top:none;
}

.pol-dropdown li span {
    font-size: 12px;
}

.pol-btntext{
    margin-left: 10px;
    margin-right: 6px;
}

#export-word{
    padding-top:2px;
    padding-bottom:1px;
}

#export-pdf{
    padding-top:1px;
    padding-bottom: 4px;
}

#ico-download{
    font-size: 16px;
    position: relative;
    top: 2px;
}

#ico-caret{
    font-size: 16px;
    position: relative;
    top: 1px;
}

.ico-file{
    font-size: 15px;
    margin-left: 9px;
    margin-right: 10px;
}


.btn-right-pdf {
	position: absolute;
	right: 0px;
}

.polFindDIV {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

.polFindLBL{
    display: inline-block;
    color:#4F4F4F;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    margin-right: 8px;
}

.slider-wrap{
    display: inline-block;
    margin:0 5px 20px 0;
}

.highlight { background-color: #FF99FF; }

.metacontainer {padding: 10px 5px;}
.metadiv {display: inline-block; min-height: 50px; line-height: 25px; font-size: .8em; padding-left: 5px; color: #5F5F5F;}
/*
.metaleft {background-color: #E6E6E6; vertical-align: top; width: 28%;}
.metacenter {background-color: #FFFFD3; vertical-align: top; width: 30%;}
.metaright {background-color: #B3E8DC; vertical-align: top; width: 38%;}
*/
.metaleft {vertical-align: top; width: 29%;}
.metacenter {vertical-align: top; width: 29%;}
.metaright {vertical-align: top; width: 39%;}
.metalabel {font-weight: bold; text-align: right; display: inline-block; font-size: .85em;}
.prevrefcls {margin-left: 10px;}
.doclink {color: #5F5F5F; width: 120px;}
.metalabelleft {width: 115px;}
.metalabelcenter {width: 125px;;}
.metalabelright {width: 85px;}
.metadatapiece {display: inline-block; padding-left: 5px; font-size: .95em;}
.publishedIn {font-size: .9em; margin: 20px; width: 97%; color: #818181;}
.pubTitle {font-style: italic; font-weight: bold; color: #818181;}
.pubGreenLight {display: inline-block; height: 8px; width: 8px; background-color: #00C600; border: solid thin #00C600;}
.hbOuterContainer {width: 100%;}
.hbdetails {width: 97%; margin: 20px auto 10px auto; padding-bottom: 35px;}
.polHBThumbnails {
    display: block;
    margin: auto;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hbOuterHolder {
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 960px;
	padding: 25px 0 25px 0;
}
.hbInnerHolder {
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 780px;
	-moz-box-shadow: 0 0 5px #B2B2B2;
	-webkit-box-shadow: 0 0 5px #B2B2B2;
	box-shadow: 0 0 5px #B2B2B2;
	padding-top: 25px;
}
.docDivider {
	/*border-top: solid 5px #F2F2F2;*/
	margin: 10px auto;
    position: relative;
    width: 80%;
}
.htmlHBDivider {
	width: 620px;
	margin: auto;
	/*background-color: #F2F2F2;
	-moz-box-shadow: 8px 8px 6px 2px #CCCCCC;
	-webkit-box-shadow: 8px 8px 6px 2px #CCCCCC;
	box-shadow: 8px 8px 6px 2px #CCCCCC;*/
	/*border: 1px solid black;*/
	/*padding-bottom: 30px;*/
	/*margin-bottom: 30px;*/

    /* Neccessary to prevent big images/elements from going off screen. The user should set a manual width though. */
	overflow-x: auto;
}
.vertSpacerHB1 {
	background-color: #FFFFFF;
	width: 100%;
	height: 15px;
}
.vertSpacerHB2 {
	height: 30px;
	width: 100%;
	background-color: #F0F0F0;
}
.hbHolder {
	background-color: #FFFFFF;
	width: 95%;
	margin: auto;
	padding: 20px;
}
.pgbrk { page-break-after: always;}

.hblist {
	font-size: .85em;
	line-height: 18px;
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-gap: 20px;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
}
.hangingindent {padding-left: 20px;}
.polsecthead {text-indent: -20px;}
.polsecthead2 {text-indent: -10px; font-style: italic;}
/*.polOtherType {text-indent: 0px;}*/
.polsecthead  a {color: #000000; font-weight: bold;}
.polOtherType a {color: #428BCA !important;}
.hbButtonHolder {margin: auto; display: inline-block;}

.hbButtonHolderWrapper {
    display: inline-block;
}

.hbitem {display: inline-block; margin-left: 15px;}
/*.ui-accordion-header {min-height: 55px; line-height: 52px;}*/
.cover_icon_holder { width: 50px; height: 50px; display: inline-block; vertical-align: middle;}
.hbButtons {
	line-height: 25px;
	background-color: #FFFFFF;
	height: 25px;
	border-radius: 5px;
	border: solid 1px #CCCCCC;
	margin-left: 10px;
	display: inline;
	padding: 0 10px;
	font-size: .8em;

    /*background: -webkit-linear-gradient(#F6F6F6,#D9D9D9); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#F6F6F6,#D9D9D9); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#F6F6F6,#D9D9D9); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#F6F6F6,#D9D9D9); /* Standard syntax */
	background-color: #FFFFFF;
	cursor: pointer;
	cursor: hand;
}

.hbinstructions {
    color: #858380;
    display: inline-block;
}
.viewHB {
    position: absolute;
    top: 30%;
    right: 140px;
}

.btnSortHB {
    position: absolute;
    top: 30%;
    right: 240px;
}

.exportBtn {
    position: absolute;
    top: 30%;
    right: 20px;
}


#content-wrapper {
	color: #666666;
	font-size: .85em;
	padding: 25px;
	line-height: 20px;
    min-height: 60px;
    box-sizing: border-box;
}

#version-lbl>p{
    color:#4F4F4F;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    top:2px;
    margin-right: 10px;
}


#version-content {
    color: #4F4F4F;
    font-size: .9em;
    display: inline-block;
    position: absolute;
	top: 10px;
	right: 140px;
}


#version-badge, #retired-badge {
    width: 100px;
    height: 28px;
   /*border: 1px dotted grey;*/
    margin-right: 0;
	display: inline-block;
	position: absolute;
	right: 10px;
    bottom: 4px;
}

.badgeicon{
    display: inline-block;
    width:20px;
    height: 20px;
    border-radius: 20px;
    top:50%;
    left:5px;
    position: absolute;
	border-style: solid;
	border-width: 1px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

#status-txt{
    display: inline-block;
    position: absolute;
    left: 45px;
    top:50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

#status-txt>p, #retired-txt>p {
    color: #4F4F4F;
    font-size: .9em;
}


#retired-txt{
    display: inline-block;
    position: absolute;
    left: 45px;
    top:50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.ret-badge{
    background-color: brown;
   /*border: solid 2px #1AB922;*/
}

.polInputLeft {
	width: 125px;
}

.polInputRight {
	width: 200px;
}

.polDBoxTop {
	background: #000000;
	color: #FFFFFF;
	text-align: center;
	margin: auto;
	font-size: 1.1em;
	padding: 15px;
	line-height: 23px;
	margin-bottom: 15px;
}

  /*  Begin Edit DragonDoc  */

  .polEditFB2 {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	line-height: 30px;
  }
  .polEditFB2Content {
	flex: 1 0 auto;
	white-space: nowrap;
	background: #F5F5F5;
	padding: 5px;
  }
/*
  .form-field label {
	flex: 1 0 120px;
	color: #858380;
	/*text-align: right;
	font-size: .8em;
	max-width: 200px;
  }

  .form-field input, .form-field select {
	flex: 1 0 200px;
	font-size: .8em;
	box-sizing: border-box;
  }

  .form-field li {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
  }
 */
.polEditLabel {
	text-align: right;
	color: #858380;
	font-size: .8em;
	padding-right: 5px;
}

.hbSortTitleHolder {
    margin: 10px;
    width: 100%;
    text-align: center;
}

.hbtitle {
    font-size: 1.4em;
}

.selReviewer optgroup {
	font-weight: bold;
	font-style: italic;
}
.selReviewer option {
	font-weight: normal;
	font-style: normal;
	margin-left: 10px;
}

.titleLabel {
	width: 125px;
}

.docTitleDiv {
	width: calc(100% - 146px);
}

.docTitle {
	font-size: 1em;
	width: 75%;
	height: 22px;
	margin-bottom: 10px;
}

.polDocContent {
	width: 100%;
	margin: auto auto 15px;
	background: #F4F4F4;
}

.polHBChks {
    margin: 10px 50px;
}

.polHBChkDesc {
    margin-left: 10px;
    line-height: 40px;
}

.polCatList {
    margin-left: 75px;
}

.polDispNone {
    display: none;
}

.polDispInlineBlock {
    display: inline-block;
}

.polHBAltRows {
    width: 100%;
    line-height: 30px;
}

.polChkBoxes {
    margin-left: 15px;
}

div.HBChkContainer > div:nth-of-type(odd) {
    background-color: #F0F0F0;
}

.taContent {
	width: 80%;
}

.printexpeditbtnholder {
	display: inline-block;
    margin: 10px 0 10px 0;
}

#polSortContainer {
    margin: 20px;
}

#polSortMsg {
    margin: 20px;
}

/* The following forces the source code in CKEditor to wrap (which it does not if no specific width is set) */
.cke_source {
	white-space: pre-wrap !important;
}

.reasonDialog {
    position: fixed;
    top: 25%;
    left: 0;
    right: 0;
    width: 450px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    border: solid thin black;
    background-color: white;
    display: none;
    padding: 20px;
}

.editReasonTA {
    width: 375px;
    height: 110px;
    padding: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
}

#btnLogInfo {
    position: absolute;
    top: 4px;
    right: 240px;
    padding: 3px 10px 3px 10px;
    font-size: 0.9em;
}

.logDetail {
    padding: 15px;
    line-height: 22px;
}

.logLabel {
    color: #858380;
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
}

.logValue {
    color: #858380;
    display: inline-block;
}

  /*  End Edit DragonDoc  */

  /* Media Queries */

@media screen and (max-width: 1125px) {
	#btn-view_detail_div {
		display: block;
		position: relative;
		width: 100%;
		text-align: left;
		right: auto;
	}
}

@media screen and (max-width: 990px) {
	.hbOuterHolder {
		width: 100%;
	}
	.hbInnerHolder {
		width: 100%;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
	.htmlHBDivider  {
		width: 100%;
	}
	.simpleOtherInputs {
		position: static;
		left: auto;
		left: initial;
		padding-left: 3px;
	}
	.advSearchWrapper {
		border-bottom: initial;
	}
	.poltitlearea {
		font-size: 1.0em;
	}
	.basSerBtn {
		display: block;
	}
	.polAdvLeftCol {
		display: block;
		width: 95%;
	}
	.polAdvRightCol {
		display: block;
		width: 95%;
	}
	.rightpollabel {
		width: 28%;
	}
	.leftpollabel {
		width: 28%;
	}
	.rightpoldata {
		width: 70%;
	}
	.leftpoldata {
		width: 70%;
	}
    .approval-level{
        display: block;
        margin-left: -85px;
    }
	.cbholder {
		margin-left: 0px;
		width: 130px;
		text-align: left;
		position: absolute;
		top: 80px;
		right: 0px;
	}
	.cbdivsHlp {
		position: absolute;
		left: -75px;
		top: 8px;
	}

	.cbdivs {
		display: block;
	}

    .btn-return{
        display:block;
		margin: 0 5px 0;
    }
/*
    .btn-std{
        margin: 0 0 20px 10px;
		position: static;
    }
*/
	.hblist {
		column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
    }
	.btn-std {
		position: static;
		margin-left: 10px;
		margin-bottom: 0px;
	}

	.highlightbtn {
		position: relative;
		right: auto;
		top: 10px;
	}

	.metadiv {
		display: block;
	}
	.metaleft, .metacenter, .metaright {
		width: 100%;
	}
	.metalabelleft, .metalabelcenter, .metalabelright {
		width: 125px;
	}

    #edit-btn-div{
        text-align: center;
        display:block;
    }
	#button-wrapper {
		min-height: 85px;
	}

    #title-div{
        margin-right: 25px;
    }
	#btn-view_detail_div {
		display: block;
		position: relative;
		width: 100%;
	}
	#lblForSerHighlight {
		position: relative;
		left: 5px;
		right: auto;
		top: 10px;
	}
	#lblForSerHighlight:after {
		content: "Search Highlight:";
	}
	.hbButtonHolder {display: block; margin-top: 5px; position: static;}
	.viewHB {display: inline-block; position: static;}
    .exportBtn {display: inline-block; position: static;}
    .btnSortHB {margin-left: 0px; position: static; display: inline-block;}
	.hbdetails .ui-accordion-header {height: 85px;}
    .hbButtons {vertical-align: top;}

    .hbButtonHolderWrapper {
        display: block;
    }


    .pol-dropdown {
        display: inline-block;
        left: 11px;
    }

	.printexpeditbtnholder {
		display: block;
		margin-bottom: 10px;
	}

    .reasonDialog {
        width: 70%;
    }

    .editReasonTA {
        width: 95%;
    }
}

@media screen and (max-width: 600px) {

    .schSpace{
        padding: 0 3px;
    }

	.simpleOtherInputs {
	    position: relative;
		padding-left: 8px;
		bottom: 85px;
	}
	.advSearchWrapper {
		border-bottom: 1px solid #D0D0D0;
	}
	.gbladvSearch select {
		font-size: .80em;
		height: 20px;
	}
	.advpollabel {
		text-align: left;
	}
	.rightpollabel {
		width: 45%;
	}
	.leftpollabel {
		width: 45%;
	}
	.rightpoldata {
		width: 50%;
	}
	.leftpoldata {
		width: 50%;
	}
	.polInputLeft {
		width: 100%;
	}
	.polInputRight {
		width: 100%;
	}
	#selAdvocate, #selReviewer {
		width: 100%;
	}
    .approval-level{
        margin-left: -80px;
    }

    #detailed-wrapper{
        padding: 10px 0;
    }

    .edit-btn-div{
        display:block;
        width: 100%;
        box-sizing: border-box;
    }

    .btn-std{
        border-radius: 0;
        margin: 0;
        padding: 5px;
        width: 50%;
        box-sizing: border-box;
        text-align: center;
        height: 50px;
        font-size: .75em;
		top: 25px;
		display: inline-block;
    }

     #btnLogInfo {
        width: auto;
        height: auto;
        right: 10%;
        top: 8px;
    }

    #export{
        width: 100%;
    }

    .pol-export-btn__dropdown__holder {
        width: 50%;
    }

    .pol-dropdown{
        display: inline-block;
        margin: 0;
        left: 0px;
        width: 100%;
        z-index: 1;
    }

    .pol-dropdown-menu {
        box-sizing: border-box;
        width: 100%;
    }

    .pol-dropdown li {
        width: 100%;
    }

    .pol-dropdown li span {
        font-size: 15px;
    }

    #export-word {
        padding-bottom: 5px;
        padding-top: 10px;
    }

    #export-pdf {
        padding-bottom: 10px;
        padding-top: 5px;
    }

    .ico-file{
        margin-left: 20px;
    }

	.highlightbtn {
		display: block;
		top: 25px;
		left: 5px;
		margin-bottom: 30px;
	}

	.univlink {
		font-size: .8em;
	}

	.polDocDetailsText {
		display: block;
	}
	.metalabelleft, .metalabelcenter, .metalabelright {
		font-size: .8em;
	}
	.doclink {
		font-size: .8em;
	}

	#docDetails .ui-accordion-content {padding: 1em;}

    .btn-left{
        float: left;
        border-right: none;
    }

    .btn-return{
        border-radius: 0 6px 6px 0;
        margin-left: 0;
        padding: 4px;
    }

    .polFindLBL{
        margin-right: 2px;
    }

	.hblist {
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
    }

	.hbitem {font-size: .8em; line-height: 20px; width: 165px;}

	#version-content {
		position: static;
	}
	#version-badge, #retired-badge {
		top: 8px; position: relative; width: 125px; margin-left: 25px;
	}

    #title-div, #title-lbl, #title-content, #info-div, #version-lbl, #badge-div{
        height: auto;
        display:block;
    }

    #title-div, #info-div, #badge-div{
        margin:10px 0 0 0;
    }

    #title-div, #info-div{
        padding: 0;
    }
	.cbholder {
		position: static;
	}
	.cbdivsHlp {
		position: static;
	}
	.printexpeditbtnholder	{
		display: block;
	}

    .polCatSelHolder {
        display: block;
    }

    .polHBChks {
        margin: 10px;
    }

    .polCatList {
        margin-left: 15px;
    }

    .hbButtons {
        padding-left: 5px;
    }

    .btnSortHB, .viewHB, .exportBtn {
        margin-left: 5px;
    }

    .hbButtonHolder{margin-left: -36px;}

    .hb-dropdown-menu {width: 100px;}

    .polMVLogoInfo {position: absolute; top: 0px; left: 30%;}

    .polMVTitleInfo {margin-top: 50px;}

    .polMVContent {padding: 5px;}

    .simNumberText {margin-top: 25px;}

    .docTitleDiv {display: block; width: 100%;}

    .titleLabel {display: block;}

    .polEditLabel {text-align: left;}

    .reasonDialog {
        width: 90%;
        margin-right: 8%;
        margin-left: 2%;
    }
}