#datafetch{
    max-width: 65% !important;
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 10px 0px;
    float: left;
    margin: 10px 10px 10px 0px;
}

#simplepage{
    max-width: 65% !important;
    padding: 10px 0px;
    float: left;
    margin: 10px 10px 10px 0px;
}

#searchside{
	width: 30% !important;
    font-size: 12px !important;
    line-height: 20px !important;
	float:right;
	margin: 10px 10px 10px 0px;
}

.level_label{
	width: 100%;
    height: 20px;
}

.format_label{
	width: 100%;
    height: 20px;
}

.format_link{
	width: 100%;
    height: 20px;
}

.format_link:before{
    content: '\E993';
    font-family: fontello;
	padding-right: 5px;
}


.rnet_begginer_label{
	background-color: #399e05;
    padding: 0px 10px 0px 10px;
    display: inline-block;
    color: white;
	font-size:14px;
	text-transform: uppercase;
	float: right;
}

.rnet_intermediate_label{
	background-color: #ea9457;
    padding: 0px 10px 0px 10px;
    display: inline-block;
    color: white;
	font-size:14px;
	text-transform: uppercase;
	float: right;
}

.rnet_expert_label{
	background-color: #f14242;
    padding: 0px 10px 0px 10px;
    display: inline-block;
    color: white;
	font-size:14px;
	text-transform: uppercase;
	float: right;
}


.rnet_video_label{
    padding: 0px 10px 0px 10px;
    display: inline-block;
    color: black;
	background-color:white;
	font-size:14px;
	text-transform: uppercase;
	float: right;
    margin-top: 10px;
}

.rnet_video_label:before{
	content: '\E819';
    font-family: fontello;
	padding-right:5px;
	
}

.rnet_elearning_label{
    padding: 0px 10px 0px 10px;
    display: inline-block;
    color: black;
	background-color:white;
	font-size:14px;
	text-transform: uppercase;
	float: right;
    margin-top: 10px;
}
.rnet_elearning_label:before{
    content: '\E993';
    font-family: fontello;
	padding-right: 5px;
}

.input_search_cat:before { 
    content: '\E9B6';
    font-family: fontello;
    position: absolute;
	font-size: 14px;
    left: 0;
    top: 0;
    height: 24px;
    width: 24px;
    margin-left: .5em;
    width: 0;
    overflow: visible;
    display: inline-block;
    line-height: 24px;
    z-index: 1;
	margin-left: 1em;
}

.input_search_cat { 
    position: relative;
    line-height: 24px;
}

.input_search_cat > input { 
    border-radius: 2px;
    height: 30px;
    border: 1px solid black;
    margin: 0;
    padding-left: 40px !important;
}

.rnet_row{
   background-color: #eee !important;
   float: inherit;
   width:100%;
   margin-bottom:10px;
}

.rnet_col{	
	float: left;
    padding: 10px;
}

.rnet_col img{
width: 700px;
max-height: 150px;
object-fit: cover;
}

.rnet_col a:hover{
	text-decoration:underline !important;
}

.rnet_col1{	
    width: 18%;
	border-right: 1px solid #000;
}

.rnet_col2-large{	
    width: 60%;
}

.rnet_col2{	
    width: 35%;
}

.rnet_col3{	
    width: 45%;
}

.rnet_col4{	
    width: 15%;
}

.no_found_message{
	padding:10px;
	padding-left:20px;
	padding-right:20px;
}

.no_found_message:before{
    content: '\E978';
    font-family: fontello;
	padding-right: 10px;
}


/*    ----  */


.rnet_menu * { list-style:none;}
.rnet_menu li{ 
   line-height:180%;
   padding: 10px;
   border: 1px solid #eee;
   border-bottom: inset;
   margin-bottom:10px !important;
}

.rnet_menu {
padding: 0px !important;
margin-bottom:10px !important;
}

.rnet_cat_list li{ 
   border-style: none !important;
}

.rnet_menu li a{color:#222; text-decoration:none;}
.rnet_menu li a:before {content:none !important;}
.rnet_menu li a:before{ content:"\025b8"; color:#ddd; margin-right:4px;}
.rnet_menu li input[name="tax_input[rnet_category][]"] {
	position: absolute;
	left: -1000em;
}

.rnet_menu li label:has(> input) {
	background-color:black !important;
	color:white !important;
}
.rnet_menu li label:before{  content: "\E9B0";
    margin-right: 4px;
    font-family: fontello;}

.rnet_menu li ul li label:before{  content: "\E89F";
    margin-right: 4px;
    font-family: fontello;}

/* .rnet_menu li input:checked ~ label:before{ content:"\025be";} */

 .rnet_cat_list{ 
   border: none !important;
} 

.rnet_menu li label input:checked ~ ul{display:block !important;} 
  
}


/*-----PAGINATION ------*/

.cvf-universal-pagination ul li{
	float: left !important;
    padding: 4px 10px !important;
    margin: 5px !important;
    background-color: #e5e5e5 !important;
    text-transform: uppercase !important;
}

.cvf-universal-pagination ul li{
	float: left !important;
    padding: 4px 10px !important;
    margin: 5px !important;
    border: 1px solid #e5e5e5 !important;
    text-transform: uppercase !important;
}

.cvf-universal-pagination ul .inactive{
	color:#e5e5e5 !important;
}

.cvf-universal-pagination ul .active:hover{
	background-color: #e5e5e5 !important;
	cursor:pointer  !important;;
	
}

.cvf-universal-pagination ul .selected{
    background-color: #e5e5e5 !important;
}

.cvf-universal-pagination ul {
	list-style-type: none !important;
}



/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url(../img/ajax-loader.gif) 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}