#main-container {
	min-height: 90%;
  }
  
  .small-alert ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
  }
  
  .thumb-image {
	max-width: 150px;
	max-height: 150px;
  }
  
  .css-radio {
	margin-right: 20px;
  }
  
  .div-separator {
	height: 15px;
  }
  
  .form_errors {
	list-style-type: none;
	padding: 0;
	margin: 0;
  }
  
  .form_errors li {
	color: red;
  }
  
  .setup-progress {
	background-color: rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	cursor: pointer;
	display: block;
	margin: 30px 20px 10px 20px;
	padding: 10px 10px 18px;
	text-align: center;
	vertical-align: middle;
  }
  
  
  .setup-progress-label {
	color: #fff;
	display: block;
	font-size: 13px;
	font-weight: 400;
	padding: 5px 0;
  }
  
  .setup-progress-steps {
	content: " ";
	display: inline-block;
	margin-top: 1px;
	width: 100%;
	z-index: 0;
  }
  
  .setup-progress-step
  { background-color: #00aeef; border: 2px solid #00aeef; color: #333; display: inline-block; font-size: 13px; height: 30px; line-height: 18px; margin-right: 6px; padding: 4px; position: relative; text-align: center; width: 30px; z-index: 1; color: #fff; }
  
  .block-title {
	  font-size: 15px;
	  font-weight: 600;
	  line-height: 1.2;
	  text-transform: uppercase;
  }
  
  .block-header {
	 padding: 15px 20px;
	 transition: opacity 0.2s ease-out 0s;
  }
  .blue_header {
	backface-visibility: hidden;
	background: rgba(0, 0, 0, 0) linear-gradient(-90deg, rgb(0, 174, 239) 0px, rgb(75, 101, 165) 100%) repeat scroll 50% 13px;
	padding: 100px 0 180px;
  }
  .h1_white {
	color: #fff;
	font-weight: 400;
	margin: 20px 0;
  }
  .break-word {
	-ms-word-break: break-all;
	word-break: break-all;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
			hyphens: auto;
  overflow-wrap: break-word;
  }
  
  @media screen and (min-width:768px){
	.affix-top{ 
		position: fixed;
	} 
  }
  
  .blockPosition {
	position:relative;
  }
  
  .btnPosition {
	position:absolute;
	top:0;
	right:0;
	display:none;
  }
  
  .blockPosition:hover .btnPosition,
  .blockPosition:focus .btnPosition {
	display:block !important;
  }
  
  .android-preview{
	position: relative;
  }
  
  
  .design-preview {
	position: absolute; 
	z-index: 1000;
	top: 9%;
	padding: 0px 19px;
  }
  .notification-preview {
	position: absolute; 
	z-index: 1000;  
	top: 40%;
	box-shadow: 0px 2px 16px 0px #000;
	padding: 10px 19px;
	border-radius:2px;
	background:#e0e0e0; 
  
  }
  
  .notification-preview h3 {
	font-size:16px;
  }
  
  .notification-preview p {
	margin:0px;
	font-size:13px;
  }
  
  .push-app-icon {
	float:left;
	margin-right:5px;
  }
  
  .preview-header {
	padding:10px; 
	background:#fff;
  }
  
  .preview-status-bar {
	width: 100%;
	height: 24px;
	background-image: url(../img/bar-light.png);
	background-position-x: right;
	background-repeat: no-repeat;
  }
  
  .preview-app-name {
	width: 100%;
	height: 64px;
	background-position-x: left;
	background-repeat: no-repeat;
	display:block;
	color: #fff;
	padding: 15px;
	font-size:20px;
  }    
  .anchor{
	  display: block;
	  height: 60px; /*same height as header*/
	  margin-top: -60px; /*same height as header*/
	  visibility: hidden;
  }
  .title-nav-group{
	padding:20px;
  }
  
  .title-nav-group > i{
	margin-right:15px;
	color:#fff;
  }
  
  .title-nav-group > span {
	color:#fff;
	
  }
  
  .table caption {
	font-size: 18px;
	color: #333;
  
  }
  .dataTables_filter {
	text-align: right;
  }
  
  #main-container {
	background-color: #fff;
  }
  .content-boxed {
	border-radius: 3px;
	border: 1px solid #d7d7d9;
	background-color: #fff;
	box-shadow: 0 1px 0 #e8e8e9;
	margin: 20px;
	width: auto;
  }
  
  .content-box-title {
	font-weight: 600;
	color: #3d3f3e;
	line-height: 1.6;
	font-size: 19px;
	margin: 20px 0 0 20px;
  }
  
  .table {
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	box-sizing: border-box;
	display: table;
	margin: 0;
	min-width: 100%;
	padding: 0;
	table-layout: auto;
	margin-top: 15px;
  }
  
  .table thead {
	color: #707074;
	font-size: 13px;
  }
  
  .table thead tr th {
	
	vertical-align: top;
	font-size: 13px;
	font-family: 'Source Sans Pro', Helvetica, Arial;
	cursor: pointer;
	font-weight: 400;
	color: rgb(112, 112, 116);
  
  }
  .table thead tr th:hover {
	color: #2676a5;
  }
  .table tbody tr td {
	border-bottom: 1px solid #e8e8e9;
  }
  
  .dataTables_filter label input {
	width: 200px !important;
	border-radius: 99px; 
	margin-left: 10px;
  }
  
  .sorting:after{ 
	content: '\f0dc';
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	margin:0px 0px 0px 10px;
	text-decoration:none;
  
  } 
  
  .sorting_desc, .sorting_asc{ 
	color: #2676a5 !important;
  }
  
  .sorting_desc:after{ 
	content: '\f0dd';
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	margin:0px 0px 0px 10px;
	text-decoration:none;
  
  } 
  
  .sorting_asc:after{ 
	content: '\f0de';
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	margin:0px 0px 0px 10px;
	text-decoration:none;
  
  } 
  
  
  .content-boxed {
	margin:20px auto;
  }
  
  .table-borderless>thead>tr>td,
  .table-borderless>thead>tr>th {
	border-bottom:0px;
  }
  .pricing-blocks h2 {
	font-size: 52px !important;
	font-weight: 300 !important;
	margin: 40px 0 20px;
  }
  .block-gray {
	border-radius: 3px; 
	background-color: #fff;
	border: 1px solid #d7d7d9;
	box-shadow: 0 1px 0 #e8e8e9;
  } 
  .block-gray .block-header {
	border-bottom:1px solid #d7d7d9;
  }
  .block-gray .block-footer {
	padding: 20px 20px 1px;
	border-top:1px solid #d7d7d9;
  }
  
  
  .disabled-radio-plan{
	color:#d7d7d9;
	cursor:default !important;
  }
  .gray-font {
	color: #A0A0A0;
	font-weight:bolder;
  }
  .btn-primary { 
	color: #fff;
	background-color: #00aeef;
	border-color: #00aeef;
   /* box-shadow: rgba(0, 0, 0, 0.156863) 0px 2px 8px; */
	display: inline-block;
	font-size: 15px;
	border-radius: 2px;
	padding: 8px 16px;
	transition: all 150ms ease;
	border: none;
	text-transform: none;
	font-weight: 400;
  }
  .btn-success { 
	color: #fff;
	background-color: #58c778;
	border-color: #58c778;
	/*box-shadow: rgba(0, 0, 0, 0.156863) 0px 2px 8px; */
	display: inline-block;
	font-size: 15px;
	border-radius: 2px;
	padding: 8px 16px;
	transition: all 150ms ease;
	border: none;
	text-transform: none;
	font-weight: 400;
  }
  
  .btn-warning, .btn-danger {
	font-size: 15px;
	border-radius: 2px;
	padding: 8px 16px;
	transition: all 150ms ease;
	border: none;
	text-transform: none;
	font-weight: 400;
  }
  
  
  
  .nav-main a.active, .nav-main a.active:hover, .nav-main a.active:hover>i, .nav-main a.active>i, .nav-main a:focus>i, .nav-main a:hover>i {
	color: #0083ff;
  }
  
  .login-remember {
	position: relative;
	margin-top: 30px;
	padding: 12px 12px;
	height: 42px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	background-clip: padding-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-clip: padding-box;
	line-height: 1em !important;
  }
  
  .login-remember input[type="checkbox"] {
	position: absolute;
	left: 12px;
	top: 12px;
	background-color: #fff;
	height: 17px;
	width: 17px;
	cursor: pointer;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 2px solid #0081ff;
	margin-right: 7px;
	margin-top: 0;
	outline: none;
	border-radius: 1px;
	z-index: 100;
  }
  
  .login-remember label {
	float: left;
	padding-left: 26px;
	font-size: 14px;
	padding-top: 1px;
	position: relative;
	color: #616161;
	min-width: 160px;
	font-weight: 400;
  }
  
  .login-remember a {
	color: #0081ff;
	float: right;
	text-decoration: none;
  }
  
  
  .login-remember input[type="checkbox"]:checked:after {
	cursor: pointer;
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 1px;
	background: url(https://embedsocial.com/admin/assets/img/checkbox-tick.jpg) 0 0 no-repeat;
  }
  
  .login-btn {
	color: #2e2e2e;
	font-weight: bold;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	margin: 0 auto;
	display: block;
	background-color: #f8f6f8;
	-webkit-appearance: none;
	border: 1px solid #0081ff;
	padding: 0;
	border-radius: 6px;
	background-clip: padding-box;
	cursor: pointer;
	width: 100%;
	height: 58px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-shadow: none;
  }
  
  .login-btn:hover{background-color:#0081ff;color:#fff;text-decoration:none;}
  
  
  .full-width-input {
	width: 100%;
	height: 56px;
	padding-top: 1px;
	padding-left: 20px;
	padding-right: 10px;
	border: none;
	background-color: #fff;
	border: 1px solid #dfe2e3;
	font-size: 18px;
	font-weight: normal;
	font-family: "Open Sans",Helvetica,Arial;
	border-radius: 3px;
	background-clip: padding-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  }
  
  .full-width-input:hover {
	outline: none;
	background-color: #fff;
	border: 1px solid #0083ff;
  }
  .full-width-input:focus {
	 outline: none;
	background-color: #fff;
	border: 1px solid #0083ff;
  }
  
  .full-width-input:active {
	outline: none;
  }
  
  .center-vertical-div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  #albums-table td a:hover,                                                                            
  #albums-table td a:focus{                                                                            
	text-decoration: underline !important;                                                           
  color:#3d3f3e !important;                                                                                }                                                                                                    
  #albums-table td a {                                                                                 
	color:#3d3f3e;                                                                                   
  }                                                                                                    
  .cover-photos-albums {                                                                               
	width: 40px;                                                                                     
	height: 40px;                                                                                    
	background-position: 50% 50%;                                                                    
	background-size: cover;                                                                          
	background-repeat: no-repeat;                                                                    
	border-radius: 50%;                                                                              
	display: inline-block;                                                                           
  } 
  
  .btn-main {
	box-shadow: rgba(0, 0, 0, 0.156863) 0px 2px 8px;
	padding: 10px 22px;
  }