.rgSortAsc {
    display: inline-block;
    width: 15px;
    height: 22px;
    background: transparent url(/DesktopModules/PlasmediaGrid/css/img-arrow-black/arrow-up.png) no-repeat center;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin-left: 3px !important;
}

.rgSortDesc {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: transparent url(/DesktopModules/PlasmediaGrid/css/img-arrow-black/arrow-down.png) no-repeat center;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin-left: 3px !important;
}

.rgUngroup {
    display: inline-block;
    width: 15px;
    height: 22px;
    background: transparent url(/DesktopModules/PlasmediaGrid/css/img-arrow-black/arrow-close.png) no-repeat center;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.rgCollapse {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: transparent url(/DesktopModules/PlasmediaGrid/css/img-arrow-black/arrow-down.png) no-repeat center;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin-top: 6px;
}

.rgExpand {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: transparent url(/DesktopModules/PlasmediaGrid/css/img-arrow-black/arrow-right.png) no-repeat center;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin-top: 6px;
}

.rgPageNext {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: transparent url(/DesktopModules/PlasmediaGrid/css/img-arrow-white/arrow-right.png) no-repeat center;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin-top: 7px;
}

.rgPagePrev {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: transparent url(/DesktopModules/PlasmediaGrid/css/img-arrow-white/arrow-left.png) no-repeat center;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin-top: 7px;
}

.rgPageFirst {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: transparent url(/DesktopModules/PlasmediaGrid/css/img-arrow-white/arrow-firstleft.png) no-repeat center;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin-top: 7px;
}

.rgPageLast {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: transparent url(/DesktopModules/PlasmediaGrid/css/img-arrow-white/arrow-firstright.png) no-repeat center;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin-top: 7px;
}

.RadGrid {
    min-width: 100% !Important;
}

.RadGrid .rgPagerCell .rgPagerLabel {
    margin: 0 8px 0 2px;
    margin-top: -4px;
}

input[id*="ChangePageSizeLinkButton"] {
	margin-left: 8px;
}

span[id*="PageOfLabel"] {
	margin-left: 8px !Important;
}

.RadGrid .rgMasterTable {
	table-layout: auto !Important;
}

.RadGrid .rgPagerCell .rgPagerButton {
	margin-top: 0px;
	height: 28px;
}

.RadGrid_Silk .rgPagerCell .rgPagerButton:hover, .RadGrid_Silk .rgPagerCell .rgActionButton:hover {
    border-color: #F08D54;
    color: #fff;
    background-color: #E55300;
    background-image: linear-gradient(#F08D54,#E55300);
}

.rgAdvPart {
    margin-top: 1px;
}

.rgNumPart {
    margin-top: -1px;
}

.rgArrPart2 {
    margin-right: 5px;
}

.demo-container {
    overflow-x: auto;
}

input[type="checkbox"] {
    margin-right: 5px;
}

.sect-filter {
    border: 1px solid #d9d9d9;
    padding: 10px 0px;
    margin: 0px !Important;
}

.sect-title-filter {
    margin-bottom: -10px;
}

.title-filter {
    font-weight: bold;
    font-size: 16px !Important;
}

.title_head_left {
    text-align: left !Important;
}

.RadButton_Silk .rbDecorated {
    font-size: 100% !Important;
    font-weight: bold !Important;
    margin-top: -2px !Important;
}

.RadButton_Silk.rbSkinnedButton:hover, .RadButton_Silk.rbLinkButton:hover, .RadButton_Silk.rbVerticalButton:hover {
    border-color: #0092ab !Important;
    color: #fff !Important;
    background-color: #0092ab !Important;
    background-image: -webkit-linear-gradient(#00acca,#0092ab) !Important;
    background-image: -moz-linear-gradient(#00acca,#0092ab) !Important;
    background-image: -ms-linear-gradient(#00acca,#0092ab) !Important;
    background-image: -o-linear-gradient(#00acca,#0092ab) !Important;
    background-image: linear-gradient(#00acca,#0092ab) !Important;
}

.RadLabel_Silk {
    color: #006677 !Important;
    font-weight: bold !Important;
}

.RadButton_Silk .rbToggleCheckboxChecked, .RadButton_Silk .rbToggleCheckboxFilled, .RadButton_Silk .rbToggleRadioChecked {
    color: #006677 !Important;
}

.RadGrid .rgGroupHeaderText, .RadGrid .rgHeader {
    font-weight: bold;
}

.RadGrid_Silk .rgGroupPanel {
    background-color: #006677 !Important;
    color: #fff !Important;
}

.RadGrid_Silk .rgHeader {
    color: #fff !Important;
}

.RadGrid_Silk .rgHeader, .RadGrid_Silk th.rgResizeCol, .RadGrid_Silk .rgHeaderWrapper, .RadGrid_Silk .rgFilterRow {
    background-color: #00505E !Important;
    border: 1px solid #00505E;
}

.RadGrid .rgRow > td, .RadGrid .rgAltRow > td, .RadGrid .rgEditRow > td, .RadGrid .rgFooter > td, .RadGrid .rgFilterRow > td, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgGroupHeader td {
    padding: 8px !Important;
    line-height: 1.42857143;
    border-bottom: 1px solid #ddd;
    font-size: 12px !Important;
    vertical-align: top;
    white-space: break-spaces;
}

.RadGrid .rgRow {
    background-color: #f9f9f9;
}

.RadGrid .rgRow:hover, .RadGrid .rgAltRow:hover {
	background-color: #ddd;
}

.RadGrid .rgRow, .RadGrid .rgAltRow, .RadGrid .rgEditRow, .RadGrid .rgFooter, .RadGrid .rgGroupHeader {
    height: 25px !Important;
}

.RadGrid_Silk .rgHeader {
    font-size: 14px !Important;
    vertical-align: top;
    border-bottom: 2px solid #999;
}

.RadGrid_Silk .rgHeader a {
	color: #fff;
	font-weight: bold;
	margin-right: 5px;
}

.RadGrid_Silk .rgHeader a:hover {
	text-decoration: underline;
	color: #E55300;
}

.RadGrid .rgGroupHeader td p {
    padding: 0px !Important;
}

.RadGrid_Silk .rgGroupItem {
    color: #006677 !Important;
    background-color: #fff !Important;
    border: 1px solid #fff !Important;
    font-weight: bold !Important;
    background-image: none !Important;
}

.RadGrid_Silk .rgGroupHeader {
    background-image: linear-gradient(#fff 0,#ffa876 10%,#e55300 100%) !Important;
    /*box-shadow: 0 1px 3px #006677 !Important;*/
    font-size: 12px !Important;
    color: #000 !Important;
    font-weight: bold !Important;
}

.RadGrid_Silk .rgActionButton {
    color: #000 !Important;
}

.RadGrid_Silk .rgPagerCell {
    border-color: #006677 !Important;
    color: #fff !Important;
    background-color: #006677 !Important;
    font-weight: bold !Important;
    padding: 9px;
    border-radius: 4px;
}

.RadGrid_Silk .rgPagerCell .rgNumPart a.rgCurrentPage {
	border-color: #fff !Important;
	color: #fff !Important;
}

.RadGrid_Silk .rgPagerCell .rgNumPart a:hover {
	border-color: #E55300;
	color: #fff;
	background-color: #E55300;
	background-image: linear-gradient(#EB742F,#E55300);
}

.RadGrid .rgClipCells .rgRow > td:nth-child(15), .RadGrid .rgClipCells .rgAltRow > td:nth-child(15) {
    padding-right: 4px !Important;
}

.rgRow .rgSorted, .rgAltRow .rgSorted {
    background-color: transparent !Important;
}

.RadGrid_Silk .rgRow a:hover, .RadGrid_Silk .rgAltRow a:hover {
    color: #000;
    text-decoration: underline;
}

.RadGrid_Silk .rgRow.rgSelectedRow {
    color: #fff;
    background: #62B5C4;
}

.RadGrid_Silk .rgAltRow.rgSelectedRow {
    color: #fff;
    background: #62B5C4;
}

.fa-file-pdf-o {
    color: red !Important;
}

.riSingle .riTextBox, .RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"] {
    height: 28px;
}

.RadGrid_Silk th.rgSorted, .RadGrid_Silk th.rgSorted a {
    color: #EB742F;
}

.btn-view:hover, .btn-delete:hover {
	text-decoration: none !Important;
}

.btn-view, .btn-delete {
	padding: 5px 10px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    border-color: #c4c4c4;
    color: #5f5f5f;
    background-color: #e3e3e3;
    background-image: linear-gradient(white,#e3e3e3);
	text-decoration: none !Important;
}

.btn-view:hover, .btn-delete:hover {
    border-color: #F08D54;
    color: #fff !Important;
    background-color: #E55300;
    background-image: linear-gradient(#F08D54,#E55300);
}

.btn-bottom {
    margin-top: 15px;
}	

.header-view, .item-view, .header-delete, .item-delete {
    text-align: center;
}											

/* Modal Style */
.modal-dialog {
    max-width: 650px !Important;
}

.modal-header {
    min-height: 20px !Important;
    padding: 30px 30px 10px 30px !Important;
    border: none !Important;
}

.close {
    top: 0px !Important;
    right: 20px !Important;
    position: absolute !Important;
    opacity: 1 !Important;
    font-size: 60px !Important;
    color: red !Important;
}

.close:focus, .close:hover {
	opacity: 1 !Important;
}

.modal-title {
    font-weight: bold;
    color: #9b6644;
}

.modal-subtitle {
    color: #9b6644;
    font-weight: normal;
    margin-top: 0px;
}

.modal-body {
    padding: 0px 30px 30px 30px !Important;
}

.modal-body td {
	vertical-align: top !Important;
}

.fa {
    margin-right: 5px;
    margin-top: 5px;
}

.pdf-pp:hover, .pdf-ff:hover {
    text-decoration: none !Important;
    color: #9b6644 !Important;
}

.text-top {
    vertical-align: top !Important;
}

.desktop-view {
    display: block !Important;
}

.mobile-view {
    display: none !Important;
}

.rgRow .fa, .rgAltRow .fa {
    position: relative !Important;
    margin-right: 0px !Important;
    margin-top: 1px !Important;
    margin-right: 5px !Important;
    height: 21px !Important;
    width: 21px !Important;
    font-size: 22px !Important;
}

@-moz-document url-prefix() {
    .rgRow .fa, .rgAltRow .fa {
        height: 22px !Important;
    }
}

.fa-inverse {
    color: #fff;
    background-color: #000;
    border-radius: 50%;
}

.fa-info-circle:before {
    margin-left: 1.3px;
}

@media only screen and (max-width: 767px) {
    .desktop-view {
        display: none !Important;
    }

    .mobile-view {
        display: table-row !Important;
    }
}