/******************************************************************************
Copyright 2013-2020 by Wi-Tronix, LLC.  All rights reserved.

An unpublished work created 2013.

No duplications, whole or partial, manual or electronic, may be made without
express written permission.  Any such copies, or revisions thereof, must 
display this notice unaltered.

This code contains trade secrets of Wi-Tronix, LLC.
******************************************************************************/

.RadMenu {
    float: left;
}
.rgHeader {
    min-width: 2.0em;
}


  /* this is for the Wi-Tronix CSS overrides... */
		
.RadAutoCompleteBox_Simple {
  font: normal 12px/16px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}
 
.RadAutoCompleteBox_Simple .racInput {
    font: normal 12px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
}
	 
.RadAutoCompleteBoxPopup_Simple {
  font: normal 12px/16px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}
  
.RadButton_Simple {
  font-family: "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
}

.RadButton_Simple .rbSecondaryIcon, .RadButton_Simple.rbVerticalButton, .RadButton_Simple.rbVerticalButton .rbDecorated {
    font-family: "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
 }
 
 
.RadDropDownList_Simple {
  font: normal 12px/16px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}
  
.rddlPopup_Simple {
  font: normal 12px/16px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}
  
.RadDropDownTree_Simple {
  font: normal 12px/16px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}
  
.rddtPopup_Simple {
  font: normal 12px/16px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}
  
.rddtPopup_Simple .rddtFilter .rddtFilterInput {
  font: 12px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
}
  
.RadForm_Simple.rfdGrids .rfdTable {
  font: 12px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}	  

.RadGrid_Simple {
  font: normal 12px  "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
}
	
.RadGrid_Simple .rgMasterTable, .RadGrid_Simple .rgDetailTable, .RadGrid_Simple .rgGroupPanel table, .RadGrid_Simple .rgCommandRow table, .RadGrid_Simple .rgEditForm table, .RadGrid_Simple .rgPager table {
    font: normal 12px  "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}

.RadGrid_Simple .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgFooter td {
    padding: 1px 4px !important;
}

.RadGrid_Simple .rgHeader, .RadGrid_Simple th.rgResizeCol, .RadGrid_Simple .rgHeaderWrapper
{
	border: 0 !important;
	border-bottom: 1px solid #7c7c7c !important;
	border-left: 1px solid #9e9e9e !important;
	background: #44146a !important;
	background-color: #44146a !important;
	text-align: center !important;
	padding:0.15em 0.4em 0.15em 0.4em !important;
	font-family: "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
	font-weight: bold !important;
	color: #FFFFFF !important;
}

.RadGrid_Simple .rgMultiHeaderRow th.rgHeader, .RadGrid_Simple .rgMultiHeaderRow th.rgResizeCol {
	border: 0 !important;
	border-bottom: 1px solid #7c7c7c !important;
	border-left: 1px solid #9e9e9e !important;
	background: #44146a !important;
	background-color: #44146a !important;
	text-align: center !important;
	padding: 0.15em !important;
	font-family: "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
	font-weight: bold !important;
	color: #FFFFFF !important;
  }
  
.RadGrid_Simple th.rgSorted {
  background-color: #f8f0ff !important; }
.RadGrid_Simple .rgHeader {
	font-weight: bold !important;
	color: #FFFFFF !important;
	font-family: "Gill Sans MT",Verdana,Arial,Sans-Serif !important;
}

.RadGrid_Simple .rgHeader a {
  font-weight: bold !important;
  color: #FFFFFF !important;
  font-family: "Gill Sans MT",Verdana,Arial,Sans-Serif !important;
 }

.RadGrid_Simple th.rgSorted, .RadGrid_Simple th.rgSorted a {
   color: #581a8a !important; 
}


.RadGrid_Simple .rgEditRow {
    background: white 0  !important;
}

.RadGrid_Simple .rgRow td, .RadGrid_Simple .rgAltRow td, .RadGrid_Simple .rgEditRow td, .RadGrid_Simple .rgFooter td {
  border-style: solid !important;
  font-family: "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-align: center !important;
}
 
.RadGrid_Simple .rgAltRow {
  background: #F0F0F0 !important; 
  text-align: center !important;
}
.RadGrid_Simple .rgAltRow td {
    border-color: #ededed #c3c3c3 !important; 
    text-align: center !important;
}

.RadGrid_Simple .rgMasterTable td.rgGroupCol, .RadGrid_Simple .rgMasterTable td.rgExpandCol {
	border-color: #c9c9c9 !important;
	background: #c9c9c9 none !important;
}

.RadGrid_Simple .rgRow .rgSorted {
  border-bottom-color: #f8f0ff !important;
  background-color: #f8f0ff !important; 
}

.RadGrid_Simple .rgAltRow .rgSorted {
  border-bottom-color: #ece4f2 !important;
  background-color: #ece4f2 !important; 
}


.RadGrid_Simple .rgMasterTable .rgSelectedCell, .RadGrid_Simple .rgSelectedRow {
    background: #dbb0ff !important;
    color: #572B79 !important;
}
 
* + html .RadGrid_Simple .rgSelectedRow .rgSorted, * html .RadGrid_Simple .rgSelectedRow .rgSorted {
  background-color: #ab45ff !important; 
}

.RadGrid_Simple .rgSelectedCell a, .RadGrid_Simple .rgSelectedRow a, .RadGrid_Simple .rgHoveredRow a, .RadGrid_Simple .rgActiveRow a {
  color: #581a8a !important; 
}

.RadGrid_Simple .rgMasterTable .rgActiveCell, .RadGrid_Simple .rgActiveRow, .RadGrid_Simple .rgHoveredRow {
    background-color: #dbb0ff !important;
    color: #581a8a !important;
}

* + html .RadGrid_Simple .rgActiveRow .rgSorted, * + html .RadGrid_Simple .rgHoveredRow .rgSorted {
  background-color: #dbb0ff !important; 
}
* html .RadGrid_Simple .rgActiveRow .rgSorted, * html .RadGrid_Simple .rgHoveredRow .rgSorted {
  background-color: #dbb0ff !important; 
}
  

.RadGrid_Simple .rgSelectedRow td {
  border-color: #9951D4 #dbb0ff !important; 
}

.RadGrid_Simple .rgSelectedRow td.rgSorted {
    border-color: #9951D4 #dbb0ff !important; 
}

.RadGrid_Simple .rgActiveRow td, .RadGrid_Simple .rgHoveredRow td {
  	border-color:#616161 #b1caee !important; 
}

.RadGrid_Simple .rgActiveRow td.rgSorted, .RadGrid_Simple .rgHoveredRow td.rgSorted {
    border-color: #616161 #b1caee !important; 
}

.RadGrid_Simple .rgEditRow td {
  border-color:#616161 #c3c3c3 !important; 
}

.RadGrid_Simple .rgFooter td, .RadGrid_Simple .rgFooterWrapper {
  border-top: 1px solid !important;
  border-color: #999 #c2c2c2 !important; 
}

.RadGrid_Simple .rgPager .rgStatus {
  border: 1px solid !important;
  border-color:#999999 #999999 #e3e3e3 #e3e3e3 !important;
  border-left-width: 0 !important; 
}
   
.RadGrid_Simple .rgPager {
  background: #e3e3e3 !important; 
}
  
.RadGrid_Simple td.rgPagerCell {
  border: 1px solid !important;
  border-color:#999999 #e3e3e3 #e3e3e3 !important;
  border-right-width: 0 !important; 
}
   
.RadGrid_Simple .rgInfoPart {
  color: #787878 !important; 
}
  
.RadGrid_Simple .rgInfoPart strong {
    color: #514d54 !important; 
}
	
.RadGrid_Simple .rgPager .rgPagerButton {
  border-color: #7d7d7d !important;
  background: #c7c7c7 !important;
  color: #000 !important;
  font:12px/12px "Gill Sans MT",Verdana,Arial,Sans-Serif !important;
}

.RadGrid_Simple .rgNumPart a {
  border: 1px solid #e3e3e3 !important;
  line-height: 20px !important;
  color: #000 !important; 
}

.RadGrid_Simple .rgNumPart a:hover {
    border-color: #8026c9 !important;
    background: #dbb0ff !important;
    color: #581a8a !important; 
}

.RadGrid_Simple .rgNumPart a.rgCurrentPage {
    border-color: #8530c9 !important;
    background: transparent !important;
    color: #581a8a !important; 
}

.RadGrid_Simple .rgNumPart a.rgCurrentPage:hover {
      border-color: #581a8a !important;
      background: transparent !important;
      color: #581a8a !important; 
}

/*filtering*/
.RadGrid_Simple .rgFilterRow {
  background: #e4e4e4 !important; 
}

.RadGrid_Simple .rgFilterRow td {
    border-bottom: 1px solid #999999 !important;
    border-left: 1px solid #e3e3e3 !important; 
}

.RadGrid_Simple .rgFilterBox {
  font: normal 12px  "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
  }	

/*filter context menu*/
.RadMenu_Simple .rgHCMClear, .RadMenu_Simple .rgHCMFilter {
  border-color: #8026c9 !important;
  background: #dbb0ff !important;
  color: #000 !important;
  font-family:  "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important; 
  border-color:#8026c9 !important;
  background-color:#dbb0ff !important;
}

/*filter context menu*/
.RadMenu_Simple .rgHCMClear:hover, .RadMenu_Simple .rgHCMFilter:hover {
  border-color: #8026c9 !important;
  background-color: #dbb0ff !important;
  color: #561b87 !important; 
}

.RadMenu_Simple ul.rmVertical .rmText {
padding-right: 30px ;
}


/*grouping*/
.RadGrid_Simple .rgGroupPanel {
  border: 0 !important;
  border-bottom: 1px solid #7d7d7d !important;
  background: #c7c7c7 !important; 
}

.RadGrid_Simple .rgGroupItem {
  border: 1px solid #7d7d7d !important;
  background: #c7c7c7 !important; 
}

.RadGrid_Simple tfoot .rgCommandCell, .RadGrid_Simple .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell {
  border-top: 1px solid #7d7d7d !important;
  border-bottom: 0 !important; 
}

/*tooltip*/
.GridToolTip_Simple {
  border: 1px solid #8026c9 !important;
  padding: 3px !important;
  background: #e7c9ff !important;
  color: #333333 !important; 
}

.RadGridRTL_Simple .rgHeader:first-child, .RadGridRTL_Simple th.rgResizeCol:first-child, .RadGridRTL_Simple .rgFilterRow > td:first-child, .RadGridRTL_Simple .rgRow > td:first-child, .RadGridRTL_Simple .rgAltRow > td:first-child {
  border-left-width: 1px !important;
   padding-left: 0px !important;
}  

[data-skin="witronix"] .RadGrid_#{$skin-name} {
	.rgHeader:first-child, th.rgResizeCol:first-child, .rgFilterRow > td:first-child, .rgRow > td:first-child, .rgAltRow > td:first-child{
        border-left-width: 0 !important;
        padding-left: 0px !important;
    }
}  
		
[data-skin="witronix"] .rgHeader, th.rgResizeCol, .rgHeaderWrapper {
	border: 0 !important;
	border-bottom: 1px solid #7c7c7c !important;
	border-left: 1px solid #9e9e9e !important;
	background: #44146a !important;
	background-color: #44146a !important;
	text-align: center !important;
	padding: 0.15em !important;
	font-family: "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
	font-weight: bold !important;
	color: #FFFFFF !important;
}
		
[data-skin="witronix"] .rgMultiHeaderRow th {
	background: #44146a !important;
}

[data-skin="witronix"] th.rgSorted {
	background-color: #f8f0ff !important;
}

[data-skin="witronix"] th.rgSorted {
	color: #f8f0ff !important;
	a {
		color: #44146a !important;
	}
}
	
[data-skin="witronix"] .rgAltRow {
	background: #ededed !important;
	td {
		border-color: #ededed #c3c3c3 !important;
        text-align: center !important;
	}
	border-bottom-color:#ece4f2 !important;
	background-color:#ece4f2 !important;
}

[data-skin="witronix"] .rgAltRow .rgSorted {
	border-bottom-color:#ece4f2 !important;
	background-color:#ece4f2 !important;
}
 
.RadInputMgr_Simple {
  font: normal 12px  "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
}

html body .RadInput_Simple .riTextBox, html body .RadInputMgr_Simple {
  font: normal 12px  "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}

.RadListBox_Simple .rlbGroup {
  font: normal 12px  "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}
  
.RadListView_Simple {
  font: normal 12px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
}

.RadPivotGrid_Simple {
  font-family: "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
}  

.RadPivotGrid_Simple .rpgPager .rpgPagerButton {
    font-family: "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}

.RadUploadProgressArea_Simple {
  color: black !important;
  font: normal 12px/16px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}
 
.RadUploadProgressArea_Simple .ruButton {
    font-family: "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}  

.RadSearchBox_Simple {
  font: normal 12px/16px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}

.RadSearchBox_Simple .rsbInput {
    font: normal 12px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}
	
.rsbPopup_Simple {
  font: normal 12px/16px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}
	
.RadSocialShare_Simple {
  font-family: "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;  
}

.RadSplitter_Simple {
  font-family: "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
}

.RadTabStrip_Simple {
  font: 12px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
}

.RadTileList_Simple {
  font-family: "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
}

.RadTreeList_Simple .rtlTable {
  font: normal 12px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
}

.TreeListToolTip_Simple {
  font: normal 12px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
}
 
.RadTreeView_Simple {
  font: normal 12px/16px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}

.RadTreeView_Simple .rtEdit .rtIn input {
      font: normal 12px/16px "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important; 
}

.RadWindow_Simple {
  font-family: "Gill Sans MT" ,Verdana,Arial,Sans-Serif !important;
}

.RadNotification { font-family: inherit !important; font-size: inherit !important; }

.RadNotification.rnNoContentIcon .rnContent { padding: 0; }

.EpisodeNotifications.RadNotification_Default { border-width: 3px; }

.EpisodeNotifications.RadNotification_Default.rnShadows { box-shadow: 4px 4px 3px #B0B0B0; }

[data-skin="witronix"] .EpisodeNotifications.RadNotification_Default .rnTitleBar { background-color: #44146A; color: #FFFFFF; border-radius: inherit; background-image: none; }

.EpisodeNotifications .rnContentWrapper { max-height: 165px; overflow: auto; }

.EpisodeNotifications table.EpisodeNotificationsWrapper { width: 100%; }

.EpisodeNotifications .EpisodeNotificationsWrapper table.EpisodeNotification { border: 1px solid #8A8A8A; width: 100%; }

.EpisodeNotifications .EpisodeNotificationsWrapper .EpisodeNotification td.right { text-align: right; width: 25px; }

/*Main Menu-start*/
/* align the items to the left*/
#ctl00_Menu1.RadMenu .rmGroup .rmText {
    padding: 0 54px 0 5px;
    margin: 0 0 0 2px;
}

/* make the separator "small" */
#ctl00_Menu1.RadMenu .rmGroup.rmVertical>.rmSeparator .rmText, 
#ctl00_Menu1.RadMenu .rmScrollWrap>.rmVertical>.rmSeparator .rmText {
height: 2px;
}
   

/*changes line height for the arrow for the rmToggle */


#ctl00_Menu1.RadMenu_Silk .rmHorizontal .rmRootLink .rmToggle {
    height: 15px;
}
/* change the height */
#ctl00_Menu1.RadMenu_Silk .rmRootLink {
    line-height: 15px;
}

/* change the entire menu */
#ctl00_Menu1.RadMenu_Silk {
    font: normal 13px/22px "Gill Sans MT",Arial,Helvetica,sans-serif;
}


/* on the main menus...   */
#ctl00_Menu1.RadMenu_Silk .rmRootGroup {
    box-shadow: none;
    font: normal 15px/22px "Gill Sans MT",Arial,Helvetica,sans-serif;
}
 
  /* radMenuPop is for the mobile version and #ctl00_Menu1.RadMenu_Silk is for non-mobile
     
 */
[data-skin="witronix"] #ctl00_Menu1.RadMenu_Silk .rmRootLink.rmFocused,
[data-skin="witronix"] #ctl00_Menu1.RadMenu_Silk .rmRootLink.rmSelected {
     margin-top: -1px;    
    padding-top: 1px;    
    color: #555; 
    border-top: 4px solid #DBB0FF;
}   
   
[data-skin="witronix"] #ctl00_Menu1.RadMenu_Silk .rmRootLink.rmExpanded {
     margin-top: -1px;    
    padding-top: 1px;    
    color: #555; 
    border-top: 4px solid #44146a;
}   


 /*hover on the root link */

 [data-skin="witronix"] #ctl00_Menu1.RadMenu_Silk .rmRootLink:hover{
     border-top: 4px  solid #44146a;
     color: #44146a;
 }
 
 /* put a border of white...
     then the hover over happens it will have a black border
     then it is selected it will have a "purple" color

 */
#ctl00_Menu1.RadMenu_Silk .rmGroup .rmLink {
    border-width: .1em; 
    border: solid; 
    border-color: #fff; 

}


[data-skin="witronix"] #ctl00_Menu1.RadMenu_Silk .rmGroup .rmLink.rmFocused{
    color: #fff;
    border-width: .1em; 
    border: solid; 
      border-color: #fff;
    background: #DBB0FF;
    background-image: -webkit-linear-gradient(top, #dbb0ff  0%, #865AAD  100%);
    background-image: -moz-linear-gradient(top, #dbb0ff  0%, #865AAD  100%);
    background-image: -ms-linear-gradient(top, #dbb0ff  0%, #865AAD  100%);
    background-image: -o-linear-gradient(top, #dbb0ff  0%, #865AAD  100%);
    background-image: linear-gradient(top, #dbb0ff  0%, #865AAD  100%); 
 }

 /* radMenuPop is for the mobile version and #ctl00_Menu1.RadMenu_Silk is for non-mobile
 */
 [data-skin="witronix"] .RadMenuPopup_Silk .rmItem.rmSelected ,
 [data-skin="witronix"] .RadMenuPopup_Silk .rmItem.rmFocused,
 [data-skin="witronix"] #ctl00_Menu1.RadMenu_Silk .rmGroup .rmLink.rmExpanded,
 [data-skin="witronix"] #ctl00_Menu1.RadMenu_Silk .rmGroup .rmLink:hover {
    color: #fff;
    background: #44146a;
    border-width: .1em;
    border: solid;
    border-color: #000;
    background-image: -webkit-linear-gradient(top, #865AAD  0%, #44146a  100%);
    background-image: -moz-linear-gradient(top, #865AAD  0%, #44146a  100%);
    background-image: -ms-linear-gradient(top, #865AAD  0%, #44146a  100%);
    background-image: -o-linear-gradient(top, #865AAD  0%, #44146a  100%);
    background-image: linear-gradient(top, #865AAD  0%, #44146a  100%); 
 }


#ctl00_Menu1.RadMenu_Silk .rmLink:hover{
    cursor: pointer;
}

/* This is a fix for the arrow to the right of the Columns menu item in the GridHeaderContextMenu overlapping text. When Telerik updates their controls, we should be able to remove this section*/
div.GridContextMenu,
div.GridContextMenu ul,
div.GridContextMenu li {
    min-width: 137px;
}

.continous-loading {
    -webkit-animation: continous-loading-rotate 0.8s linear infinite;
    animation: continous-loading-rotate 0.8s linear infinite;
}

@keyframes continous-loading-rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*Main Menu-end*/
