body {
    padding: 0px!important;
    background-color:#e9ebee;
    overflow-x: hidden;
    font-family: roboto;
}


.loginlogo{
	background-image: url('/i/logo.png');
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    background-size: cover;
	
}

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  float: left;
  color: #666;
  font-weight: 500;
  padding-top: 3px;
  margin-bottom: 15px;
  cursor: pointer;
  /* font-size: 18px; */
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0px;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}

.control input:checked ~ .control__indicator {
  background: #003b73;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #003b73;
}

.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 8px;
  top: 5px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.darkbyte {
    	height:  57px;
    	text-align: center;
    	padding:  15px!important;
}
.ui-loader-default {
    	display: none;
}
#link_input_wrapper {
    	margin-bottom: 15px;
    	padding-left: 0px;
}

#mobileheader{
	display:none;
}

#regform input{
	margin-bottom:15px;
}

.flow_date{
	width: 730px;
	float:left;
	background-color:#e9ebee;
	font-size: 11px;
	margin-left: -1px;
	margin-right: -1px;
	margin-top: 0px;
	padding: 8px 0px;
	height: 30px;
	font-weight: 500;
	color: #6d6d6d;
	border-bottom:1px solid #e2e2e2;
}

.linktext .col-lg-10{
	padding:0px
}

.url_span{
	float: left!important;
	margin-left: 15px;
	color:#ababab;
	font-weight:400;
	margin-bottom: 0px;
}

.shown_span{
	margin-bottom: 0px;
	margin-right: 5px;
	font-size: 10px;
	line-height: 15px;
}

.flowicon{
      background-image:url('/i/flow.png');
      width:20px;
      height:20px;
      float:left;
      left: 15px;
      background-size:100%;
      position:absolute;
      top: calc(50% - 10px);
}

.settings_box span{
      font-size:12px!important;
      float:left;
      margin-left:10px;
      
}

.comment_box_expand{
	animation-fill-mode:forwards;
	animation:commentbounce 0.4s 1 ease;
	opacity:1!important;
}

@keyframes commentbounce {
  0% {
    transform:scale(0);
  }

  50% {
    transform:scale(1.04);
  }

  100% {
    transform:scale(1);
  }
}

   [contentEditable=true]:empty:not(:focus):before{
        content:attr(data-ph)
    }

	

.add_comment_span{
	float:left;
	width:100%;
	height:30px;
	display:block;
	font-size:12px;
	text-align:center; 
	padding:0px 10px 0px 10px; 
}
	
.comment_box{
	width: calc(73% - 15px);
	background-color: rgb(226, 232, 239);
	position:absolute;
	z-index: 200;
	display:flex;
	top: 8%;
	left: 20%;
	height: 85%;
	align-items:center;
	border-radius: 10px;
	opacity:0;
}

.comment_box:hover{
	background-color:#dbe1e8;
}

.comment_box:hover:after{
	border-right-color: #dbe1e8;
}

.comment_box span{
	float:left;
	width: auto;
	height:30px;
	display:block;
	margin: 0 auto;
	font-size:12px;
	text-align:center;
	line-height: 32px;
	outline: 0;
	color: #666;
	cursor: pointer;
}

.comment_box span:hover{
	outline:1px dotted #99a4af;
}

.comment_box span:focus{
	outline:1px dotted #99a4af;
}


.comment_box:after, .comment_box:before{
	top: calc(50% - 10px);
	right:100.8%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.comment_box:after{
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #e2e8ef;
	border-width: 10px;
	margin-right: -5px;
}

.comment_icon{
	position:absolute;
	top:10px;
	right:10px;
	width:20px;
	height:20px;
	z-index: 200;
	color: #165fa5;
	cursor: pointer;
}

.comment_icon:hover{
	color:#003b73;
}

.comment_icon_disabled:hover{
	color:#003b73;
}

.comment_icon_disabled{
	position:absolute;
	top:10px;
	right:10px;
	cursor: pointer;
	width:20px;
	height:20px;
	z-index: 200;
	color: #d4d4d4;
}

.new_comment_bubble{
	position:absolute;
	float:left;
	background-color:#ec1f1f;
	color:white;
	border-radius:50%;
	width:10px;
	height:10px;
	top:-3px;
	left:10px;
	font-size:8px;
}

.header span{
      font-size: 15px;
      float: left;
      line-height: 24px;
      font-weight:500;
      color:#10477b;
      cursor: pointer;
      text-transform: uppercase;
}

.settings_box ul{
      list-style:none;
      float:left;
      width:100%;
      margin-bottom: 0px;
}

.settings_box ul li{
      text-align:left;
      font-size: 11px;
      padding:5px;
      color: #828282;
      cursor:pointer;
      font-weight:500;
}

.settings_box ul li:hover{
      background-color:#003b73;
      color:white;
}

.settings_box .col-lg-12:first-of-type{
      margin-bottom: 7px;
      border-bottom:1px solid #e2e2e2;
      padding-bottom: 4px!important;
}

.header .fa-list{
      color:#10477b;
      font-size: 14px;
      border-radius:4px;
      line-height:25px;
      transition:all 0.1s ease;
      cursor:pointer;
      float: left;
      margin-right: 5px;
}

.usericonsearch{
      background-image:url('/i/usericonsearch.png');
      width:20px;
      height: 20px;
      float:left;
      left: 15px;
      margin-right: 10px;
      background-size:100%;
      top: calc(50% - 9px);
      position: absolute;
}

.settings_box .usericonsearch{
      background-image:url('/i/usericonsearch.png');
      width:20px;
      height: 20px;
      float: left;
      margin-right: -1px!important;
      background-size:100%;
      position: relative;
      left: 0px;
}


.listicon{
      background-image:url('/i/list.png');
      width:20px;
      height:20px;
      float:left;
      left: 15px;
      background-size:100%;
      position:absolute;
      top: calc(50% - 9px);
}

p {
    	font-size: 12px!important;
    	overflow: auto;
    	word-wrap:  break-word;
    	padding: 10px;
    	margin-bottom: 0px!important;
}

#link_description{
	max-height: 55px;
	font-size:12px;
	color:#222;
	overflow: hidden;
	font-weight: 300;
	line-height: 20px;
	text-transform: none;
}

.list_link_btn {
    	border-right: none!important;
}
.save_link_btn,  .share_link_btn,  .list_link_btn {
    	text-align: center;
    	border-top: 1px solid #e2e2e2;
    	padding:  12px;
    	/* border-bottom: 1px solid #e2e2e2; */
    	font-size:  12px;
    	color:  rgb(132,  132,  132);
    	height:  40px;
    	border-right:  1px solid #e2e2e2;
    	cursor: pointer;
    	transition: all 0.1s ease;
}
.save_link_btn:hover,  .share_link_btn:hover,  .list_link_btn:hover {
    	/* background-color: #f8f8f8; */
    	color: #003b73;
}
#homebg {
    	/* background-image:  url('/i/homebg.jpg');
     */	background-attachment:  fixed;
    	background-size:  cover;
    	height:  100vh;
    	background-position:  50% 50%;
}
.carl {
    	display: none	height:400px;
    	width: 340px;
    	background-image: url('/i/carl.png');
    	background-repeat: no-repeat;
    	position: fixed;
    	bottom: 0px;
    	right: 100px;
}
.expand {
    	padding-top: 354px!important;
    	transition: all .4s ease;
}
nav .col-lg-12:nth-child(2) {
    	height: 50px;
    	padding:  0px 0px!important;
}

.settings_box .col-lg-12{
      height:auto!important;
}

.settings_box{
	position: absolute;
	background: #fff;
	border: 2px solid #fff;
	height: auto;
	top: 21px;
	right: -10px;
	padding:7px;
	z-index: 1;
	border:1px solid #e2e2e2;
	display:none;
}

.settings_box:after, .settings_box:before{
	bottom: 100%;
	left:92%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.settings_box:after{
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 5px;
	margin-left: -5px;
}

.settings_box:before{
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #e2e2e2;
	border-width: 6px;
	margin-left: -6px;
}

#sharediv {
    	background-image: url('/i/share.png');
    	background-size: contain;
    	background-repeat: no-repeat;
    	background-position:  50% 50%;
    	height: 50px;
    	cursor: pointer;
    	transition: all .1s ease;
    		margin-top: -7px;
}
#sharediv:hover {
    	transform: scale(1.1);
}
.ui-page:focus {
    	outline: none;
}
#listbtn {
    	padding: 10px;
}
#listbtn .btn-default .fa {
    	float: left;
    	margin: 1px;
    	font-size: 13px;
}
#listbtn .btn-default {
    	width: 100%;
    	border-radius: 2px;
    	padding: 9px;
    	height: 34px;
    	font-size: 12px;
    	border: 1px solid #d3d3d3;
    	color: #666;
    	line-height: 14px;
}
.all_unread {
    	float: left;
    	background-color: #ec1f1f;
    	width: 20px;
    	height: 20px;
    	border-radius: 50%;
    	font-size: 12px!important;
    	color: white;
    	right: 15px;
    	top: 15px;
    	position: absolute;
    	padding:  2px;
    	text-align: center;
}
#sharediv span {
    	float: left;
    	background-color: #ec1f1f;
    	width: 20px;
    	height: 20px;
    	border-radius: 50%;
    	font-size: 12px!important;
    	color: white;
    	padding: 0px;
    	line-height: 21px;
    	text-align: center;
    	position: absolute;
    	left: 40px;
    	top: -5px;
    	animation: bounce 2s infinite ease-out;
}
@keyframes bounce  {
      from,  20%,  53%,  80%,  to  {
        animation-timing-function:  cubic-bezier(0.215,  0.610,  0.355,  1.000);
        transform:  translate3d(0, 5px, 0);
  }
  40%,  43%  {
        animation-timing-function:  cubic-bezier(0.755,  0.050,  0.855,  0.060);
        transform:  translate3d(0,  -1px,  0);
  }
  70%  {
        animation-timing-function:  cubic-bezier(0.755,  0.050,  0.855,  0.060);
        transform:  translate3d(0,  -2px,  0);
  }
  90%  {
        transform:  translate3d(0, 5px, 0);
  }
}
.bounce  {
      animation-name:  bounce;
      transform-origin:  center bottom;
}
#listbtn .btn-default:hover {
    	background-color: #f0f0f0;
}
.link_preview_wrapper {
    	float: left;
    	width: 100%;
    	height:  auto;
    	/* overflow:  hidden; */
    	position:  relative;
    	background-color:  #fff;
    	border: 1px solid #e2e2e2;
    	clear: both;
    	z-index: 9999;
    	border-bottom: none;
    	margin-top: 0px;
    	box-shadow: 0px 0px 16px 0px rgba(0, 59, 115, 0.24);
}

.link_preview_wrapper .link_bottomrow span{
	font-size: 11px;
	lin;
}

.link_preview_wrapper .fa-remove{
      position:absolute;
      font-size:15px!important;
      top: 5px;
      right:10px;
      cursor:pointer!important;
      z-index:30000;
}


.link_preview_wrapper .link {
    	height: 140px!important;
    	cursor: default;
    	border-bottom: none;
}
.link_preview_wrapper .link:hover {
    	background-color: #fff!important;
}
.friendswrapperscroll {
    	position:  absolute;
    	width:  1000px;
}
.fa-bars {
    	position: absolute;
    	top: -5px;
    	color: #003b73;
    	right: 0px;
    	font-size: 15px!important;
    	cursor: pointer;
}
.confirm_btn {
    	display: block;
    	background-color: #ff5f5f;
    	border-radius: 2px;
    	padding: 5px;
    	margin: 0 auto;
    	color: white;
    	font-weight: 600;
}
.confirm_btn:hover {
    		background-color: #e64e4e;
}

#loginfrm input {
    	width: 100%;
    	margin-bottom: 15px!important;
    	float: left;
}
.login {
    	width: 20%;
    	margin: 0 auto;
    	background-color: #fff;
    	padding: 15px;
    	/* box-shadow:  0px 0px 12px 6px rgba(82,  142,  199,  0.52); */
    	border-radius: 2px;
    	border: 1px solid #d3d3d3;
}
.loginwrapper {
    	height: 100vh;
    	display: flex;
    	background-image: url('https://bbs.dailystormer.com/uploads/default/original/3X/d/e/de6e2d4043aa7f332c5cacdf3404ff9fad3b6c87.png');
    	align-items: center;
    	background-position: 50% 26%;
    	background-size: 300px;
    	background-repeat: no-repeat;
}
.login .btn-success {
    	margin-bottom: 0px!important;
    	width: 100%!important;
}
#preview_wrapper {
    	display:  none;
    	margin-left: -20px;
    	margin-right: -20px;
}
.btn-info {
    	width: 100%;
    	float: right;
    	border-radius: 2px;
    	background-color: #428dd4;
    	border: 1px solid #428dd4!important;
    	margin-top: 5px;
}
.btn-info:hover {
    	background-color: #539de2!important;
}
.message_wrapper .fa {
    	margin-right: 10px;
}
.message_wrapper {
    	width: 100%;
    	float: left;
    	z-index: 9999;
    	height: 50px;
    	text-align:  center;
    	padding:  15px;
    	font-size: 15px;
    	color: #fff;
    	line-height:  21px;
    	position:absolute;
    	top:0px;
    	width:100%;
}
.loading_wrapper {
    	width: 100%;
    	float: left;
    	z-index: 9999;
    	height: 50px;
}
.loader, .loader:before, .loader:after  {
      border-radius:  50%;
      width:  2.5em;
      height:  2.5em;
      -webkit-animation-fill-mode:  both;
      animation-fill-mode:  both;
      -webkit-animation:  load7 1.8s infinite ease-in-out;
      animation:  load7 1.8s infinite ease-in-out;
}
.loader  {
      color:  #003b73;
      font-size:  10px;
      margin:  -6px auto;
      position:  relative;
      text-indent:  -9999em;
      -webkit-transform:  translateZ(0);
      -ms-transform:  translateZ(0);
      transform:  translateZ(0);
      -webkit-animation-delay:  -0.16s;
      animation-delay:  -0.16s;
      z-index:999;
}
.loader:before, .loader:after  {
      content:  '';
      position:  absolute;
      top:  0;
}
.loader:before  {
      left:  -3.5em;
      -webkit-animation-delay:  -0.32s;
      animation-delay:  -0.32s;
}
.loader:after  {
      left:  3.5em;
}
@-webkit-keyframes load7  {
      0%,   80%,   100%  {
        box-shadow:  0 2.5em 0 -1.3em;
  }
  40%  {
        box-shadow:  0 2.5em 0 0;
  }
}
@keyframes load7  {
      0%,   80%,   100%  {
        box-shadow:  0 2.5em 0 -1.3em;
  }
  40%  {
        box-shadow:  0 2.5em 0 0;
  }
}
#message_loading {
    	display: none;
    	position:absolute;
    	top:25%;
}
#message_done {
    	background-color:  #abd267;
    	display: none;
}
#message_error {
      	display: none;
    	background-color:  #f95d3a;
}
.login h1 {
    	margin: 0px;
    	text-align: left;
    	margin-bottom: 15px;
    	font-family: 'harabara',  Fallback,  sans-serif;
}
.fa-cog:hover {
    	color: #000;
}
.form-control {
    	border-radius: 2px;
}
.darkbyte h1 {
    	font-size: 34px!important;
    	margin: 0px!important;
    	font-family:  'harabara',  Fallback,  sans-serif;
    	color:  #003b73;
    	margin:  0px 14px;
    	text-align:  left;
    	cursor: pointer;
    	width:92%;
}

.logo{
      width:8%;
      float:left;
      height:40px;
      background-image:url('/i/logo.png');
      background-size:contain;
      background-repeat:no-repeat;
      background-position:0% 50%;
}

@font-face  {
      font-family:  'harabara';
      src:  url('/fonts/harabara.otf');
     /* IE9 Compat Modes */  }
.btn-success {
    	width: 90%!important;
    	float: right;
    	border-radius: 2px;
    	background-color: #003b73!important;
    	border: 1px solid #003b73!important;
}
.btn-success:hover {
    	background-color: #06539c!important;
}
.container {
    	background-color:  rgb(255,  255,  255);
    	border: 1px solid #e2e2e2;
    	border-top: none;
    	border-bottom:  1px solid #e2e2e2;
    	padding: 0px;
    	width: 729px;
    	/* box-shadow:  0px 0px 9px 3px rgba(254,  255,  252,  0.64);
     */
    	}
.col-lg-9,  .col-lg-3,  .col-lg-12 {
    	padding: 0px!important;
}

#pagetitle h2 {
    	margin: 19px;
    	text-align: left;
    	font-size: 15px;
    	color: #666;
}

.pagetitle_wrapper h2 {
    	text-align: left;
    	margin: 16px 0px;
    	font-size: 1.2em;
    	font-weight:500!important;
    	color:#003b73;
    	padding-left: 30px;
    	white-space: nowrap;
    	text-overflow: ellipsis;
    	overflow: hidden;
}
.header {
    	margin-bottom: 0px!important;
    	margin-top: 0px;
    	position: fixed;
    	width: 727px;
    	background-color: #fff;
    	z-index: 240;
    	padding:  15px 15px 0px 15px!important;
    	border-bottom: none!important;
}
.linkwrapper {
        padding: 0px!important;
        border-radius: 0px!important;
        background-color:  #fff;
}
.linkwrapperpushbottom {
    	min-height: calc(100vh - 33px);
    	padding-top: 174px;
    	border-radius: 0px!important;
}
.linkwrapperpushbottom h2 {
    	text-align: left;
    	margin: 16px 0px;
    	font-size: 1.2em;
    	font-weight:500!important;
    	color:#003b73;
    	padding-left: 30px;
}

#search_user_ul h2 {	
    	padding-left: 0px!important;
}

.username_wrapper h2{
	    	text-align: left;
    	margin: 16px 0px;
    	font-size: 1.2em;
    	font-weight:500!important;
    	color:#003b73;
    	padding-left: 30px;
}

.username_wrapper{width: 30%;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}

.pagetitle_wrapper{width: 30%;height: 52px;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}

.form-control:focus{
	box-shadow:none;
	border:1px solid rgba(0, 59, 115, 0.5);
}

#user_ul h2{
       /* margin: 3px 15px 15px 15px; */
       font-weight:400!important;
       color:#666;
       font-size:1em;
       margin: 0px;
       text-align: left;
       padding-left: 0px;
}

#user_ul .linktext:hover h2{
      color:#222;
}


#search_user_ul h2{
       /* margin: 3px 15px 15px 15px; */
       font-weight:400!important;
       color:#666;
       font-size:1em;
       margin: 0px;
       text-align: left;
       padding-left: 0px;
}

#search_user_ul .linktext:hover h2{
      color:#222;
}


#list_ul h2 {
    	text-align: left;
    	font-size: 1em;
    	font-weight:400!important;
    	color:#666;
    	margin: 0px;
    	padding: 0px;
}
*/.col-lg-10 {
    	width: 83.33%!important;
}


#list_ul{
      list-style:none;
      float:left;
      width:100%;
      border-bottom:1px solid #e2e2e2;

}

#list_ul li .userpreview{
      padding:16px;
      height:50px;
      color:#003b73;
}

#list_ul .link{
      height:50px!important;
      min-height:50px!important;
      padding: 0px;
}

#list_ul .col-lg-12:last-child .link{
	border-bottom:none!important;
}

#list_ul li{
      height:50px!important;
      float:left;

}

#list_ul .linktext{
      height:50px!important;
      padding: 18px 15px;
}

#list_ul .linktext:hover h2{
      color:#222;
}

#list_ul .delete{
      position:absolute;
      top:calc(50% - 7px);
      right:20px;
      height:15px;
      padding:0px;
      width:15px;
      border:none;
      color:black;
      background-color:transparent;

}
#list_ul .delete_box{
  background-size:contain!important;
}

#search_user_ul{
      list-style:none;
      float:left;
      width:100%;
      display: none;
      border-bottom:1px solid #e2e2e2;
}

#search_user_ul li .userpreview{
      background-size: 30px;
      background-repeat:no-repeat;
      height:50px;
}

#search_user_ul .col-lg-12:last-child .link{
	border-bottom:none!important;
}

#search_user_ul .link{
      height:50px!important;
      min-height:50px!important;
      padding: 0px;
      border-bottom: 1px solid #e2e2e2!important;
}

#search_user_ul li{
      height:50px!important;
      float:left;

}

#user_ul{
      list-style:none;
      float:left;
      width:100%;
      border-bottom:1px solid #e2e2e2;

}

#user_ul li .userpreview{
      background-size: 30px;
      background-repeat:no-repeat;
      height:50px;
}

#user_ul .link{
      height:50px!important;
      min-height:50px!important;
      padding: 0px;
      border-bottom: 1px solid #e2e2e2!important;
}

#user_ul .col-lg-12:last-child .link{
	border-bottom:none!important
}

#user_ul li{
      height:50px!important;
      float:left;

}

#user_ul .linktext{
      height:50px!important;
      padding: 18px 15px;
}

#search_user_ul .linktext{
      height:50px!important;
      padding: 18px 15px;
}


#user_ul .all_unread {
    	position:absolute;
    	right:15px;
    	top:15px;

}

#user_ul .delete{
      position:absolute;
      top:calc(50% - 7px);
      right:50px;
      height:15px;
      padding:0px;
      width:15px;
      border:none;
      color:black;
      background-color:transparent;

}
#user_ul .delete_box{
  background-size:contain!important;
}

.delete {
    	padding: 54px 10px;
    	height:  141px;
    	width: 16.6%;
    	background-color: #ffffff;
    	cursor: pointer;
    	border: 1px solid #e2e2e2;
    	/* border-bottom: none; */
    	border-right: none;
    	border-top: none;
}
.delete_box {
    	background-image: url('/i/remove.png');
    	background-repeat: no-repeat;
    	background-position: 50% 50%;
    	width: 100%;
    	height: 100%;
}
.delete:hover {
    	background-color: #f8f8f8;
}
.delete:hover i {
    	color: #003b73;
}
.fa-remove {
    	font-size: 50px!important;
    	color: #003b73;
}

.linkwrapperpushbottom .col-lg-8{
	width: 68.4%!important;
}

.linktext .col-lg-2{
      height:100%;
      display:flex;
      align-items: center;
      padding:0px;
}

.linktext .col-lg-2 .fa-arrow-down{
      font-size: 14px;
      margin: 0px 0px 0px 100%;
      color: #003b73;
}

.linktext .col-lg-2 .fa-arrow-up{
      font-size: 14px;
      margin: 0 100%;
      color: #b5b5b5;
}

.link {
    	width: 100%;
    	min-height:  120px;
    	/* border-bottom: none!important; */
    	padding: 10px;
    	height:  141px;
    	border-bottom: 1px solid #e2e2e2;
    	float: left;
    	background-color: #fff!important;
    	cursor: pointer;
    	transition: all 0.1s ease;
    	display: flex;
    	backface-visibility:  hidden;
}

.selected {
    	border: 1px solid black;
    	float: left;
    	width: 100%;
    	list-style: none;
}
.link:hover {
    	background-color: #fdfdfd!important;
}

.link:hover p{
    	color:#222;
}
.userpreview {
    	background-size:  cover;
    	height:  120px;
    	background-position:  center center;
}
.linkpreview {
    	background-size:  cover;
    	height:  120px;
    	background-position:  center center;
}

.linkpreview:hover .dragndrop{
      display:block;
       transform:scale(1);
}

.linkpreview:hover{
      opacity:1!important;
}

.linktext b{
      font-weight:500!important;
      float:left;
      width: 100%;
      font-size: 14px;
}

.dragndrop{
      width: 22px;
      height: 22px;
      background-image:url('/i/dragndrop.png');
      position:absolute;
      top:3px;
      background-position: 50% 50%;
      right:3px;
      background-color: #f8f8f8;
      border-radius:2px;
      border: 1px solid #d3d3d3;
      transform:scale(0.01);
      transition:all 0.1s ease;
}

.linktext p {
    	font-size: 12px;
    	text-align: left;
    	padding: 10px;
    	max-height: 100px;
    	overflow:  hidden;
    	padding: 0px 0px 10px 0px;
    	color: #666;
    	font-weight:300;
    	cursor:pointer;
}

#link_description:hover{
		outline:1px dotted #99a4af;
}

#link_description:focus{
	outline:1px dotted #99a4af;

}
.friends {
    	float: left;
    	width: 70px;
    	height: 70px;
    	background-color: #fff;
    	font-size:  10px;
    	padding-top: 50px;
    	background-image:  url('/i/avatar.png');
    	background-position:  50% 40%;
    	background-repeat:  no-repeat;
    	background-size:  40%;
    	text-align:  center;
    	user-select:  none;
    	cursor:  default;
}
.link_bottomrow {
    	bottom: -3px;
    	right: -5px;
    	font-size: 11px;
    	width: 100%;
    	position: absolute;
}
.unread_span
{
	  float:left!important;
	  margin-right: 3px;
	  background-color:red;
	  color:white!important;
	  padding:2px 4px;
	  border-radius:2px;
	  font-size:9px;
	  line-height:10px;
}
.saved_span{
      float:left!important;
      margin-right: 2px;
      color: #9e9e9e!important;
      padding:2px 4px;
      border-radius:2px;
      font-size: 10px;
      line-height: 11px;
}

.received_span{
      float:left!important;
      margin-right:10px;
      background-color:#003b88;
      color:white!important;
      padding:2px 4px;
      border-radius:2px;
      font-size:9px;
      line-height:10px;
}

.sent_span{
      float:left!important;
      margin-right:10px;
      background-color:#FF9800;
      color:white!important;
      padding:2px 4px;
      border-radius:2px;
      font-size:9px;
      line-height:10px;
}

.link_bottomrow span {
    	float: right;
    	color: #b9b9b9;
}
.link_preview_wrapper .link_bottomrow span {
    	margin-right: 5px;
    	color: #666;
}
.sortlink {
    	display: flex;
    	height:  141px;
    	align-items: center;
    	background-color: #fff;
    	cursor: pointer;
    	border: 1px solid #e2e2e2;
    	/* border-bottom: 0px; */
    	border-top: 0px;
    	width: 15%;
    	border-left: none;
}

.sort_wrapper .fa-search{
      margin: 7px 21px;
      font-size:20px;
      float: left;
      color: #003b73;
}

.sort_wrapper .fa-cog{
      margin: 7px 24px;
      font-size:20px!important;
      position: relative;
      color: #003b73;
      cursor: pointer;
}

.sort_wrapper {
    	padding: 0px;
    	border-top: 1px solid #e2e2e2;
    	width: calc(70% - 1px);
    	/* border-right: 1px solid #e2e2e2; */
    	background-color: #fff;
    	border-bottom: 1px solid #e2e2e2;
}


#search_form, #search_form_user, #search_form_list{
      border-right:1px solid #e2e2e2;
      padding: 0px;
      height: 50px;
      float: right;
      transition: all 0.1s ease;
}

#search_form:hover, #search_form_user:hover, #search_form_list:hover{
      background-color:#f9f9f9;
      cursor:pointer;
}

#search_form div div, #search_form_user div div, #search_form_list div div{
      padding: 0px!important;

}

#search_form div, #search_form_user div, #search_form_list div{
      padding: 8px!important;
}

.search_expand{
      width: 66%!important;
      background-color: #f8f8f8;
}

.search_wrapper .col-lg-2{
      height: auto;
      padding: 8px 10px;
}

.message_settings{
	border-left:1px solid #e2e2e2;
	float:right;
	height: 50px!important;
	padding:0px!important;

}

.message_settings .col-lg-12:first-child .col-lg-6:nth-child(1){
	border-right:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	padding: 6px 16px;
}

.message_settings .col-lg-12:first-child .col-lg-6:nth-child(2){
	border-bottom:1px solid #e2e2e2;
}


.message_settings .col-lg-12:last-child .col-lg-6:nth-child(1){
	border-right:1px solid #e2e2e2;
	padding: 8px 16px;
}


.message_settings span{
	font-size:8px;
	font-weight:500;
	text-transform:uppercase;
	line-height:20px;
	float:left;
	width:100%;
	text-align:center;
	color:#003b73;
}

.message_settings div{
	height:25px;
	padding:3px;
	cursor:pointer;
}

.message_settings .col-lg-6:hover{
	background-color:#f8f8f8;
}

.message_settings i{
	font-size:10px;
	color:#003b73;
	float: left;
}

.settings_cog_wrapper:hover{
	background-color:#f8f8f8;
	cursor:pointer;
}

.sort_wrapper .btn-default {
    	width: 100%;
    	border: 1px solid #d3d3d3;
    	border-radius: 2px;
    	height: 34px;
    	padding:  10px 0px!important;
    	color: #666;
    	font-size:  11px!important;
    	line-height:  6px;
}
.sort_wrapper .btn-default .fa {
    	margin-left: 5px;
}
.sort_wrapper .btn-default:hover {
    	background-color: #f8f8f8;
}
.ui-sortable-handle {
}
.ui-sortable-handle:last-child {
    	/* border-bottom: 1px solid #e2e2e2; */
    	}
.sortlink: hover {
    	background-color: #f8f8f8;
}
.sortlink .fa-ellipsis-h {
    	font-size: 30px;
    	margin: 0 auto;
    	color: #003b73;
}
.a_link {
    	float: left;
    	border-left: none;
    	border-right: none;
    	border-bottom: none;
}
a {
    	padding: 0px!important;
        padding: 0px!important;
}
ul {
    padding: 0px;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px){
 
 .linkwrapperpushbottom {
    	padding-top: 157px;
}

.sort_wrapper .fa-cog{
	float:left!important;
	margin: 17px 14px;
	font-size: 17px!important;
}


.search_wrapper .col-lg-2{
	padding: 0px;
	float: left;
	height: 50px;
}

.message_settings{
	display:none;
}

.sort_wrapper .fa-search{
      margin: 9px 8px;
      font-size: 16px;
}

#search_form div, #search_form_user div, #search_form_list div{
	padding: 8px 5px!important;
	/* width: 80%; */
}

.pagetitle_wrapper h2 {
    	font-size: 12px;
    	line-height:20px;
    	padding-left: 0px;
}

.logo{
      width:8%;
      float:left;
      height:40px;
      background-image:url('/i/logo.png');
      background-size:contain;
      background-repeat:no-repeat;
      background-position:0% 0%;
}

.header span{
	font-size:8px!important;
}

.linktext p {
    	overflow:  hidden;
    	height:  66px;
    	font-size: 10px!important;
}

.url_span{
	display:none;
}

.linktext p b {
    	overflow:  hidden;
    	height:  26px;
    	font-size: 10px!important;
    	width:100%!important;
}

.link {
    	height:  0px!important;
    	min-height:  102px;
}
.linkpreview {
    	height: 80px;
}
p {
    	height: 100%;
}
.carl {
    	display: none;
}
.darkbyte h1 {
    	font-size: 25px!important;
    	margin-top:  0px;
    	text-align: left;
    	padding-left: 43px;
}
.darkbyte {
    	height: 20px;
    	margin-bottom: 20px;
}
.header {
    	width: 100%;
    	height: 157px;
    	padding: 0px;
}
.login {
    	width: 100%;
}
.sortlink {
    	height: 102px;
}

.delete {
    	height:  102px;
    	padding:  27px 20px!important;
}
.fa-remove {
    	font-size: 30px!important;
}

.glyphicon-remove{
	padding-left:20px;
}

.flowicon{
      background-image:url('/i/flow.png');
      width:15px;
      height:15px;
      float:left;
      display: none;
      left: 15px;
      background-size:100%;
      position:absolute;
      top: calc(55% - 10px);
}

.container{
	width:100%;
}

.flow_date{
	width:100%!important;
}

#listbtn span{
	font-size:12px;
}

#listbtn i{
	font-size: 12px;
}

#listbtn{
	padding:5px 0px 0px 8px;
	margin-top:4px;

}

#sharediv {
    	background-image: url('/i/share.png');
    	background-size: contain;
    	background-repeat: no-repeat;
    	background-position:  40% 50%;
    	height: 40px;
    	cursor: pointer;
    	transition: all .1s ease;
    	margin-top:0px;
}

#sharediv span {
    	left:10px;
    	width: 15px;
    	height: 15px;
    	line-height:16px;

}

.delete_box {
    	background-size:100%;
}

.link_bottomrow{
	height:20px;
}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px)  {
     .linkwrapperpushbottom {
    	padding-top: 157px;
}

.sort_wrapper .fa-cog{
	float:left!important;
	margin: 17px 14px;
	font-size: 17px!important;
}


.search_wrapper .col-lg-2{
	padding: 0px;
	float: left;
	height: 50px;
}

.sort_wrapper .fa-search{
      margin: 9px 8px;
      font-size: 16px;
}

#search_form div, #search_form_user div, #search_form_list div{
	padding: 8px 5px!important;
	/* width: 80%; */
}

.pagetitle_wrapper h2 {
    	font-size: 12px;
    	line-height:20px;
    	padding-left: 0px;
}

.logo{
      width:8%;
      float:left;
      height:40px;
      background-image:url('/i/logo.png');
      background-size:contain;
      background-repeat:no-repeat;
      background-position:0% 0%;
}

.linktext p {
    	overflow:  hidden;
    	height:  66px;
}
.link {
    	height:  0px!important;
    	min-height:  102px;
}
.linkpreview {
    	height: 80px;
}
p {
    	height: 100%;
}
.carl {
    	display: none;
}
.darkbyte h1 {
    	font-size: 25px!important;
    	margin-top:  0px;
    	text-align: left;
    	padding-left: 43px;
}
.darkbyte {
    	height: 20px;
    	margin-bottom: 20px;
}
.header {
    	width: 100%;
    	height: 157px;
    	padding: 0px;
}
.login {
    	width: 100%;
}
.sortlink {
    	height: 102px;
}

.delete {
    	height:  102px;
    	padding:  27px 20px!important;
}
.fa-remove {
    	font-size: 30px!important;
}

.glyphicon-remove{
	padding-left:20px;
}

.flowicon{
      background-image:url('/i/flow.png');
      width:15px;
      height:15px;
      float:left;
      left: 15px;
      background-size:100%;
      position:absolute;
      top: calc(55% - 10px);
}

.container{
	width:100%;
}

.flow_date{
	width:100%!important;
}

#listbtn span{
	font-size:12px;
}

#listbtn i{
	font-size: 12px;
}

#listbtn{
	padding:5px 0px 0px 8px;
	margin-top:4px;

}

#sharediv {
    	background-image: url('/i/share.png');
    	background-size: contain;
    	background-repeat: no-repeat;
    	background-position:  40% 50%;
    	height: 40px;
    	cursor: pointer;
    	transition: all .1s ease;
    	margin-top:0px;
}

#sharediv span {
    	left:10px;
    	width: 15px;
    	height: 15px;
    	line-height:16px;

}

.delete_box {
    	background-size:100%;
}

.link_bottomrow{
	height:20px;
}

.url_span{
	margin-left:10px;
	width:160px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	float:left;
}

.linktext > div{
	padding:0px;
}

.linktext p {
    	overflow:  hidden;
    	height: 68px;
    	padding:0px!important;
}

#user_ul li .userpreview{
      background-size: 20px;
      background-repeat:no-repeat;
      background-position:60% 50%;
      height:50px;
      padding:0px;
}

.message_settings{
	display:none;
}

.search_expand{
	width: 83%!important;
}

.flowicon{
	display:none;
}

.pagetitle_wrapper{
	height: 52px;
	background-color: #fff;
}

#list_ul .delete{
	left: 90%;
	z-index: 9999999;
	top: 18px;
	padding: 0px!important;
}

#user_ul .delete{
	left: 81%;
	z-index: 9999999;
	top: 18px;
	padding: 0px!important;
	
}

.expand{
	padding-top:335px!important;
}

.link_preview_wrapper .link p{
	height:auto;
	max-height:68px;
}

.link_preview_wrapper .link{
	height:90px!important;
}