@font-face {
	font-family: "Roboto-Medium";
	src: url("../font/roboto/Roboto-Medium.ttf");
}
/* Materizecsschanges*/
ul.side-nav.fixed {
	 overflow-y: scroll !important;
}
@media only screen and (min-width : 601px) {
.row .col.l10 {
	margin-top: 1%;
	width: 100% !important;
}
}
@media only screen and (min-width : 900px) {
.row .col.l10 {
	margin-top: 1%;
	width: 65% !important;
}
}
.collection .collection-item {
	padding: 15px 5px 15px 25px !important;
	
}
.collection .collection-item.active {
	background-color: #11c1de !important;
}
.collection .collection-item.avatar{
	height: 20% !important;
	padding-left: 72px;
	
}
.collection .collection-item.avatar p{
margin: 0;
line-height: 1.5rem;
}
.col .pinned {
	position: relative !important;
}

.row .col .l2 {
	margin-left: 0;
    width: 25% !important;
}
.readinglist{
	width: 100% !important;
	font-family: sans-serif;
	#margin-top: 7% !important;
}
.rlcard{
	margin-left: 5% !important;
	width: 23% !important;
}
#index-banner{
	background-color: #fff !important;
	padding-bottom: 3%;
}
#index-banner .container {
	width: 100%;
}
ul.side-nav.fixed li.rllogo {
 background-color: #fff;
 padding-top:9% !important;
 padding-bottom: 2%;
 margin-top:0px !important;
 text-align:center !important;
 #height: 22% ;
#overflow-y: scroll !important;;
}
ul.side-nav.fixed li.rllogo:hover {
 background-color: #ffffff !important;
}
#index-banner h4{
	margin-bottom: 15px !important;
}
nav {
	background-color: #fff !important;
}
@media (min-width: 1800px) {
    nav .nav-wrapper {
		width: 44% !important;
		margin-left: 10%;
		padding-left: 1% !important;
	}
}
nav ul a {
 #color: #000 !important;
}
nav ul.rightactions a{
	color: #000 !important;
}

nav ul.barleft li:hover{
background-color: #0fa9c2 !important;
}
nav ul li p:hover {
	color:black;
	background-color: #ffffff !important;
}
#logo-container { 
	#height: 42px !important;
    margin-bottom: 0% !important;
    display: block;
}
.list-item {
	margin-top:1%;
}
.domain-line, .domain-line a {
	margin-top:0.5% !important;
	font-size:14px;
	color: #989898 !important;
	cursor: default;
}
.url-title {
  #width: 250px;
  #overflow: hidden;
  #text-overflow: ellipsis;
  font-size: 1.0em !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3em;
  text-overflow: ellipsis;
}
.url-title  a{
	#color: #4e4d4d;
	color:#4a4a4a;
    #font-weight:bold;
    cursor: pointer;
    text-decoration: none;
    transition: color .1s linear; 
	font-size: 1.05em; 
	font-family:'Roboto-Medium';	
}
.titlehover:hover{
    cursor: pointer;
    color: #168dd9;
    text-decoration: none;
}
.domain-line a{
    cursor: pointer;
}
.domainhover:hover {
    cursor: pointer;
    color: #168dd9 !important;  
}
.side-nav .collapsible-body {
	display:block !important;
	#overflow-y: scroll !important;
}
.checkbox-ps {
	margin-top:1% !important;
}
.materialProgress{
	position: absolute;
	z-index:1;
	display:none;
	left:12%;
}
nav .input-field {
	margin:  0 0 0 5% !important;
}
nav .input-field input {
	#width:170%;
	padding-left:0% !important;
}
nav .input-field label i{
color: #d1d1d1 !important;
}
nav .input-field label.active i{
color: #10B5D0 !important;
}

input[type="search"]{
	border-bottom:1px solid #10B5D0 !important;
	color:black;
	box-shadow:0 1px 0 0 #10B5D0 !important;
}
input[type="search"]:focus:not([readonly]){
	border-bottom:1px solid #10B5D0 !important;
	color:black;
	box-shadow:0 1px 0 0 #10B5D0 !important;
}
#search{
    padding-top: 10%;
    transition: all .5s ease;
    right:20px;
    box-sizing:border-box;
}
.multicancel{
	cursor:pointer;
	width:10%;
}
.multicancel > i {
	width:100%;
	text-align:center;
}
.multicancel > i:hover{
  cursor: pointer;
  background-color: #0fa9c2;
}
.url{
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
.singleop{
	#margin-top: 1% !important;
}
.singleop .mdi-action-delete{
	color:#9e9e9e;
}
.singleop .mdi-action-delete:hover{
	color:#424242;
	cursor:pointer;
}
.singleop .mdi-social-share{
	color:#9e9e9e;
}
.singleop .mdi-social-share:hover{
	color:#424242;
	cursor:pointer;
}
a.folder-title {
	#font-weight:normal !important;
	#font-size: 16px !important;
}
.folderlist{
	font-family: 'Roboto-Medium', sans-serif;
}
.folder-title-list {
	font-size: 1.7em;
	margin-left: 15% !important;
	line-height: 170%;
	color: #4a4a4a;
	white-space: nowrap;
	font-family: 'Roboto-Medium';
}
.selectednumber{
	padding-top: 0.2%; 
	padding-left: 2%;
}
.selstring {
	color:#fff;
}
li a.ddm {
	color:#000000 !important;
}
a.folder{
	#font-size: 0.9em !important;
}
.empty_container{
	margin-top:20%;
}
.empty_image{
-webkit-background-size: 100% auto;

-moz-background-size: 100% auto;

-ms-background-size: 100% auto;

-o-background-size: 100% auto;

background-size: 100% auto;
}
.progress {
	margin:0 !important;
}
.readlaterlet {
	cursor:move;
}
nav .progress {
	margin: 0 !important;
}
.social_icon {
  line-height: 2em !important;
}
/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
    /* Styles */
    .card{width:50%;}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
    /* Styles */
    .card{width:35%;margin-top:6%;}
    #footer{position:fixed;}
    .rlcard{width: 18% !important;}
    .url-title a{font-size: 1.06rem !important;}
}

.card .card-action {
 padding-left: 20px !important;
  padding-top: 0px !important;
   padding-bottom: 0px !important;
    padding-right: 0px !important;
}
.card-title {
	#background-color:#10B5D0 !important;
}

li.collection-item  img{
   object-fit: cover;
   width: 70px;
   height: 55px;
   border-radius: 0%;
}
.nav-wrapper.active {
	background-color: #10B5D0;
}
#add_url{
	border-bottom: 1px solid #10B5D0;
	box-shadow: 0 1px 0 0 #10B5D0;
}
.coverimg {
	width: 11% !important;
	float: right !important;
	margin-right: 3% !important;
	border: 1px solid #f1efef !important;
	padding: 0 !important;
}
.bookmarklet > p{
	color: rgba(0, 0, 0, 0.53);
}
.rl-bookmarklet{
	background-color:#10B5D0 !important;
}
.import_card {
	width: 70% !important;
}
.import-button {
	color: white !important;
	margin-left: 5%;
	margin-bottom: 3%;
	width: 32%;	
	background-color: #10B5D0 !important;
}
.export-button {
	color: white !important;
	margin-left: 5%;
	margin-bottom: 3%;
	width: 40%;	
	background-color: #10B5D0 !important;
}

.upload-anchor {
	color: #FFFFFF;
}
#4e4d4d reserved title color for bold titles.