/* MARGINS & PADDINGS */
.p-n { padding: 0 !important;}
.p-xxxs { padding: 1px; }
.p-xxs { padding: 5px; }
.p-xs { padding: 10px; }
.p-sm { padding: 15px; }
.p-m { padding: 20px; }
.p-md { padding: 25px; }
.p-lg { padding: 30px; }
.p-xl { padding: 40px; }
.p-t-none { padding-top: 0 !important; }
.p-t-xs { padding-top: 10px !important; }
.p-t-sm { padding-top: 15px !important; }
.p-t-md { padding-top: 20px !important; }
.p-t-lg { padding-top: 30px !important; }
.p-t-xl { padding-top: 40px !important; }
.p-b-none { padding-bottom: 0 !important; }
.p-b-xs { padding-bottom: 10px !important; }
.p-b-sm { padding-bottom: 15px !important; }
.p-b-md { padding-bottom: 20px !important; }
.p-b-lg { padding-bottom: 30px !important; }
.p-b-xl { padding-bottom: 40px !important; }
.p-l-none { padding-left: 0 !important; }
.p-l-xs { padding-left: 10px !important; }
.p-l-sm { padding-left: 15px !important; }
.p-l-md { padding-left: 20px !important; }
.p-l-lg { padding-left: 30px !important; }
.p-l-xl { padding-left: 40px !important; }
.p-l-xxl { padding-left: 50px !important; }
.p-r-none { padding-right: 0 !important; }
.p-r-xs { padding-right: 10px !important; }
.p-r-sm { padding-right: 15px !important; }
.p-r-md { padding-right: 20px !important; }
.p-r-lg { padding-right: 30px !important; }
.p-r-xl { padding-right: 40px !important; }
.p-r-xxl { padding-right: 50px !important; }

.m-xxs { margin: 2px 4px; }
.m-xs { margin: 5px !important; }
.m-sm { margin: 10px !important; }
.m { margin: 15px !important; }
.m-md { margin: 20px !important; }
.m-lg { margin: 30px !important; }
.m-xl { margin: 50px !important; }
.m-n { margin: 0 !important; }
.m-l-none { margin-left: 0 !important; }
.m-l-xs { margin-left: 5px !important; }
.m-l-sm { margin-left: 10px !important; }
.m-l { margin-left: 15px !important; }
.m-l-md { margin-left: 20px !important; }
.m-l-lg { margin-left: 30px !important; }
.m-l-xl { margin-left: 40px !important; }
.m-l-xxl { margin-left: 40px !important; }
.m-l-n-xxs { margin-left: -1px !important; }
.m-l-n-xs { margin-left: -5px !important; }
.m-l-n-sm { margin-left: -10px !important; }
.m-l-n { margin-left: -15px !important; }
.m-l-n-md { margin-left: -20px !important; }
.m-l-n-lg { margin-left: -30px !important; }
.m-l-n-xl { margin-left: -40px !important; }
.m-t-none { margin-top: 0 !important; }
.m-t-xxs { margin-top: 1px; }
.m-t-xs { margin-top: 5px; }
.m-t-sm { margin-top: 10px; }
.m-t { margin-top: 15px; }
.m-t-md { margin-top: 20px; }
.m-t-lg { margin-top: 30px; }
.m-t-xlg { margin-top: 34px; }
.m-t-xl { margin-top: 40px; }
.m-t-n-xxs { margin-top: -1px; }
.m-t-n-xs { margin-top: -5px !important; }
.m-t-n-sm { margin-top: -10px !important; }
.m-t-n { margin-top: -15px; }
.m-t-n-md { margin-top: -20px; }
.m-t-n-lg { margin-top: -30px; }
.m-t-n-xl { margin-top: -40px; }
.m-r-none { margin-right: 0; }
.m-r-xxs { margin-right: 1px; }
.m-r-xs { margin-right: 5px; }
.m-r-sm { margin-right: 10px; }
.m-r { margin-right: 15px; }
.m-r-md { margin-right: 20px; }
.m-r-lg { margin-right: 30px; }
.m-r-xl { margin-right: 40px; }
.m-r-n-xxs { margin-right: -1px; }
.m-r-n-xs { margin-right: -5px; }
.m-r-n-sm { margin-right: -10px; }
.m-r-n { margin-right: -15px; }
.m-r-n-md { margin-right: -20px; }
.m-r-n-lg { margin-right: -30px; }
.m-r-n-xl { margin-right: -40px; }
.m-b-none { margin-bottom: 0; }
.m-b-xxs { margin-bottom: 1px; }
.m-b-xs { margin-bottom: 5px; }
.m-b-sm { margin-bottom: 10px; }
.m-b { margin-bottom: 15px; }
.m-b-md { margin-bottom: 20px; }
.m-b-lg { margin-bottom: 30px; }
.m-b-xl { margin-bottom: 40px; }
.m-b-xxl { margin-bottom: 50px; }
.m-b-n-xxs { margin-bottom: -1px; }
.m-b-n-xs { margin-bottom: -5px; }
.m-b-n-sm { margin-bottom: -10px; }
.m-b-n { margin-bottom: -15px; }
.m-b-n-md { margin-bottom: -20px; }
.m-b-n-lg { margin-bottom: -30px; }
.m-b-n-xl { margin-bottom: -40px; }
.space-15 { margin: 15px 0; }
.space-20 { margin: 20px 0; }
.space-25 { margin: 25px 0; }
.space-30 { margin: 30px 0; }
.space-40 { margin: 40px 0; }
.space-50 { margin: 50px 0; }
.space-75 { margin: 70px 0; }

/* SHOW AND HIDE CLASS */
.hide {
	display: none;
}

/* TEXT COLORS */
.text-navy { color: #1ab394; }
.text-primary { color: #df4a43; /* inherit; */ }  
.text-success { color: #1c84c6; }
.text-info { color: #23c6c8; }
.text-warning { color: #f8ac59; }
.text-danger { color: #ed5565; }
.text-muted { color: #A0A0A0; }
.text-white { color: #fff; }
.text-grey { color: #e0e0e0; }
.text-black { color: #000!important; }
.text-boy { color: #5DCDF0; }
.text-girl { color: #FE7499; }
.text-normal { font-weight: normal; }
.text-light { opacity: 0.35;}
.text-light2 { opacity: 0.50;}
.text-bold { font-weight: bold;}

.text-mlight {
	color: #909090;
	font-weight: normal;
}


/* TEXT SIZE */
.text-s-xs { font-size: 12px; }
.text-s-xsm { font-size: 14px; }
.text-s-sm { font-size: 16px; }
.text-s-md { font-size: 20px; }
.text-s-lg { font-size: 24px; }
.text-s-xlg { font-size: 28px; }
.text-s-xxlg { font-size: 32px; }

/* TEXT WEIGHT */
.text-w-1 { font-weight: 100; }
.text-w-2 { font-weight: 300; }
.text-w-3 { font-weight: 500; }
.text-w-4 { font-weight: 700; }
.text-w-5 { font-weight: 900; }
.text-w-6 { font-weight: 1100; }
.text-w-7 { font-weight: 1300; }
.text-w-8 { font-weight: 1500; }
.text-w-9 { font-weight: 2000; }
.text-w-10 { font-weight: 2500; }
.text-w-n { font-weight: normal; }
	
/* BACKGROUNDS COLORS */
.gray-bg {
  background-color: #f3f3f4 !important;
}
.white-bg {
  background-color: #fff !important;
  color: #000 !important;
}
.navy-bg {
  background-color: #1ab394 !important;
  color: #ffffff;
}
.blue-bg {
  background-color: #1c84c6 !important;
  color: #ffffff;
}
.lazur-bg {
  background-color: #23c6c8 !important;
  color: #ffffff;
}
.yellow-bg {
  background-color: #f8ac59 !important;
  color: #ffffff;
}
.red-bg {
  background-color: #ed5565 !important;
  color: #ffffff;
}
.black-bg {
  background-color: #262626 !important;
}

/* START ADDED BY NAVED */
.success-bg {
  background-color: #00acac !important;
  color: #ffffff !important;
}
.primary-bg {
  background-color: #348fe2 !important;
  color: #fff !important;
}
.danger-bg {
  background-color: #ff5b57 !important;
  color: #fff !important;
}
.info-bg {
  background-color: #49b6d6 !important;
  color: #fff !important;
}
.warning-bg {
  background-color: #f59c1a !important;
  color: #fff !important;
}
.silver-bg {
  background-color: #d9e0e7 !important;
}
.violet-bg {
  background: #9b59b6 !important;
  color: #ffffff !important;
}
.navy-blue-bg {
  background: #34495e !important;
  color: #ffffff !important;
} 
.orange-bg {
  background: #e67e22 !important;
  color: #ffffff !important;
} 
.purple-bg {
  background: #951dc2; 
  color: #ffffff;
}
.purple-dark-bg {
  background: #8B008B !important;  /* #5b6392!important; */
  color: #ffffff !important;
}
.purple-light-bg {
  background: #8e96c5!important;
  color: #ffffff !important;
}
.aqua-bg {
  background: #49b6d6!important;
  color: #ffffff;
}
.aqua-dark-bg {
  background: #3a92ab!important;
  color: #ffffff !important;
}
.aqua-light-bg {
  background: #6dc5de!important;
  color: #ffffff;
}
.green-bg {
  background: #62cb31!important;
  color: #ffffff !important;
}
.green-dark-bg {
  background: #008a8a!important;
  color: #ffffff !important;
}
.green-light-bg {
  background: #33bdbd!important;
  color: #ffffff !important;
}
.blue2-bg {
  background: #3498db!important;
  color: #ffffff;
}
.blue2-dark-bg {
  background: #2a72b5!important;
  color: #ffffff !important;
}
.blue2-light-bg {
  background: #5da5e8!important;
  color: #ffffff !important;
}
.black2-bg {
  background: #2d353c!important;
  color: #ffffff;
}
.black2-dark-bg {
  background: #242a30!important;
  color: #ffffff;
}
.black2-light-bg {
  background: #575d63!important;
  color: #ffffff;
}
.yellow2-bg {
  background-color: #ffb606;
  color: #ffffff;
}
.red2-bg {
  background-color: #e74c3c;
  color: #ffffff;
}
.red-dark-bg {
  background: #c0392b;
  color: #ffffff;
}
.my-purple-bg {
  background: #8B008B;
  color: #ffffff;
}
.my-cyan-bg {
  background: #154360;
  color: #ffffff;
}
.my-navy-bg {
  background: #283747;
  color: #ffffff;
}
.my-green-bg {
  background: #0B3B0B; /* #145a32; */
  color: #ffffff;
}
.my-green2-bg {
  background: #173B0B;
  color: #ffffff;
}
.my-blue-bg {
  background: #21618c;
  color: #ffffff;
}
.my-blue2-bg {
  background: #08088A;
  color: #ffffff;
}
.my-red-bg {
  background: #B40431;
  color: #ffffff;
}
.my-orange-bg {
  background: #d35400;
  color: #ffffff;
}
.my-indigo-bg {
  background: #4b0082;
  color: #ffffff;
}
.my-teal-bg {
  background: #0A2A29; /* #173B0B; */
  color: #ffffff;
}
.my-gray-bg {
  background: #2E2E2E;
  color: #ffffff;
}
.my-gray2-bg {
  background: #546e7a;
  color: #ffffff;
}

.col-highlight-bg {
  background: #f0f0f0;
  color: #000;
}

/* END ADDED BY NAVED */

/* SOCIAL MEDIA ICON COLOR */
.facebook-color {
	background: #3B5998;
	color: #fff;
	padding: 2px;
}
.twitter-color {
	background: #1DA1F2;
	color: #fff;
	padding: 2px;
}
.linkedin-color {
	background: #0077B5;
	color: #fff;
	padding: 2px;
}
.whatsapp-color {
	background: #4fce5d;
	color: #fff;
	padding: 2px;
}

/* BORDER */
.b-n { border: none !important;}
.b-t-n { border-top: none !important;}
.b-b-n { border-bottom: none !important;}
.b-l-n { border-left: none !important;}
.b-r-n { border-right: none !important;}

/* CURSOR STYLE */
.cursor-pointer {
	cursor: pointer;
}

/* IMAGE SIZES */
.client-avatar {
  width: 42px !important;
}
.client-avatar img {
  width: 32px !important;	/* 28px; */
  height: 32px !important;	/* 28px; */
  border-radius: 50% !important;
}

/* SELECT BOX sometime not show data properly in chrome */
/*
select.form-control {
    -webkit-appearance: menulist !important;
}
*/

/* DT HTML5 BUTTONS FOR DATATABLES */
.dt-buttons {
	margin-left: 20px;
	float: right !important;
}

/* Single Record Edit */
.single-edit {
	margin-top: -1px;
	color: #606060;
	padding-left: 0px;
	font-weight: 400;
}

/* DASHBOARD BUTTONS */
.dashboard-buttons .btn{
	width:93px;
	margin:5px 3px
}
.btn-big{
	font-size:14px;
	line-height:60px;
	display:inline-block;
	height:60px;
	padding:0 30px;
	text-align:center;
	text-transform:uppercase
}
.vertical-button{
	line-height:1.6em;
	height:auto;
	padding:10px 0 5px
	}
.vertical-button .button-content{
	opacity:.7;
	filter:alpha(opacity=70)
}

/* ICON WRAPPER FROM NIFTY */
.icon-wrap {
    display: inline-block;
    padding: 6px;
    border-radius: 2px
}
.icon-wrap i {
    display: block;
    line-height: 1em;
    text-align: center;
    position: relative;
    width: 1em;
    padding-top: 1em;
    vertical-align: middle;
}
.icon-wrap i:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.icon-wrap .icon-txt {
    display: block;
    line-height: 1em;
    text-align: center;
    position: relative;
    width: 1em;
    vertical-align: top;
}
.icon-wrap-lg {
    padding: 20px;
}
.icon-wrap-md {
    padding: 15px;
}
.icon-wrap-sm {
    padding: 10px;
}
.icon-wrap-xs {
    padding: 7px;
}
.icon-circle {
    border-radius: 50%;
}
.icon-lg:before {
    font-size: 1.333em;
    line-height: 1.095em;
    vertical-align: middle;
}
.icon-2x:before {
    font-size: 2em;
    line-height: 1em
}
.icon-3x:before {
    font-size: 3em;
    line-height: 1em
}
.icon-4x:before {
    font-size: 4em;
    line-height: 1em
}
.icon-5x:before {
    font-size: 5em;
    line-height: 1em
}

/* MODAL FORM */
.inmodal .modal-body {
  background: #f8fafb;
}
.inmodal .modal-header {
  padding: 30px 15px;
  text-align: center;
}
.animated.modal.fade .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.inmodal .modal-title {
  font-size: 26px;
}
.inmodal .modal-icon {
  font-size: 40px; /* 84px; */
  color: #ed5565;  /* #e2e3e3;*/
}

.modal-fullscreen {
	width: 100%;
    height: 100%;
    padding: 0 50px;
}

 
a {
  cursor: pointer;
}
a:hover,
a:focus {
  text-decoration: none;
}
.a-unlink {
  cursor: default;
  text-decoration: none;
}


.border-bottom {
  border-bottom: 1px solid #e7eaec !important;
}
.font-bold {
  font-weight: 600;
}
.font-noraml {
  font-weight: 400;
}

.text-uppercase {
  text-transform: uppercase;
}
.b-r {
  border-right: 1px solid #e7eaec;
}
.hr-line-dashed {
  border-top: 1px dashed #e7eaec;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 20px 0;
}
.hr-line-solid {
  border-bottom: 1px solid #e7eaec;
  background-color: rgba(0, 0, 0, 0);
  border-style: solid !important;
  margin-top: 15px;
  margin-bottom: 15px;
}


/* HR TAG LINE */
.hr-0-solid {
	height:1px;
	border:none;
	color:#f4f4f4;
	background-color:#f4f4f4;"
}
.hr-1-solid {
	height:1px;
	border:none;
	color:#c0c0c0;
	background-color:#c0c0c0;"
}
.hr-2-solid {
	height:2px;
	border:none;
	color:#333;
	background-color:#333;"
}

/* BUtton Hover effect */
.btn-hover-success:hover {
    background: #1ab394;
    border-color: #1ab394;
	color: #fff;
}
.btn-hover-danger:hover {
    background: #ed5565;
    border-color: #ed5565;
	color: #fff;
}
.btn-hover-warning:hover {
    background: #f8ac59;
    border-color: #f8ac59;
	color: #fff;
}
.btn-hover-primary:hover {
    background: #1c84c6;
    border-color: #1c84c6;
	color: #fff;
}
.btn-hover-info:hover {
    background: #23c6c8;
    border-color: #23c6c8;
	color: #fff;
}

/* STAT LIST */
.stat-list li:first-child {
  margin-top: 0;
}
.stat-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.stat-percent {
  float: right;
}
.stat-list li {
  margin-top: 15px;
  position: relative;
}

/* Dashboard counts stats */
.tile_count {
    margin-bottom: 20px;
    margin-top: 20px;
}

.tile_count div:first-child .left {
    border: 0;
}

.tile_count .tile_stats_count {
    border-left: 0px solid #333;
    padding: 0;
}

.tile_stats_count .left {
    width: 15%;
    float: left;
    height: 65px;
    border-left: 2px solid #ADB2B5;
    margin-top: 10px;
}

.tile_stats_count .right {
    padding-left: 10px;
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tile_stats_count .right span {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tile_stats_count .count {
    font-size: 40px;
    line-height: 47px;
    font-weight: 600;
}

.tile_stats_count .count small {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

.count_bottom i {
    width: 12px;
}

/* Accordina Panel Large */
.panel-lg {
  padding: 20px;
  margin-bottom: 2px;
}

/* CHAT USERS */
/* Chat view */
.message-input {
  height: 90px !important;
}
.chat-avatar {
  width: 36px;
  height: 36px;
  float: left;
  margin-right: 10px;
}
.chat-user-name {
  padding: 10px;
}
.chat-user {
  padding: 8px 10px;
  border-bottom: 1px solid #e7eaec;
}
.chat-user a {
  color: inherit;
}
.chat-view {
  z-index: 20012;
}
.chat-users,
.chat-statistic {
  margin-left: -30px;
}
@media (max-width: 992px) {
  .chat-users,
  .chat-statistic {
    margin-left: 0;
  }
}
.chat-view .ibox-content {
  padding: 0;
}
.chat-message {
  padding: 10px 20px;
}
.message-avatar {
  height: 48px;
  width: 48px;
  border: 1px solid #e7eaec;
  border-radius: 4px;
  margin-top: 1px;
}
.chat-discussion .chat-message.left .message-avatar {
  float: left;
  margin-right: 10px;
}
.chat-discussion .chat-message.right .message-avatar {
  float: right;
  margin-left: 10px;
}
.message {
  background-color: #fff;
  border: 1px solid #e7eaec;
  text-align: left;
  display: block;
  padding: 10px 20px;
  position: relative;
  border-radius: 4px;
}
.chat-discussion .chat-message.left .message-date {
  float: right;
}
.chat-discussion .chat-message.right .message-date {
  float: left;
}
.chat-discussion .chat-message.left .message {
  text-align: left;
  margin-left: 55px;
}
.chat-discussion .chat-message.right .message {
  text-align: right;
  margin-right: 55px;
}
.message-date {
  font-size: 10px;
  color: #888888;
}
.message-content {
  display: block;
}
.chat-discussion {
  background: #eee;
  padding: 15px;
  height: 400px;
  overflow-y: auto;
}
.chat-users {
  overflow-y: auto;
  height: 400px;
}
.chat-message-form .form-group {
  margin-bottom: 0;
}


/* FAQ */
.faq-item {
  padding: 20px;
  margin-bottom: 2px;
  background: #f0f0F0;
}
.faq-question {
  font-size: 20px;
  font-weight: 600;
  color: #1ab394;
  display: block;
}
.faq-question:hover {
  color: #179d82;
}
.faq-answer {
  margin-top: 10px;
  background: #f3f3f4;
  border: 1px solid #e7eaec;
  border-radius: 3px;
  padding: 15px;
}
.faq-item .tag-item {
  background: #f3f3f4;
  padding: 2px 6px;
  font-size: 10px;
  text-transform: uppercase;
}
.forum-item {
  margin: 10px 0;
  padding: 10px 0 20px;
  border-bottom: 1px solid #f1f1f1;
}
.views-number {
  font-size: 28px;
  line-height: 18px;
  font-weight: 400;
}
.forum-container,
.forum-post-container {
  padding: 30px !important;
}
.forum-item small {
  color: #999;
}
.forum-item .forum-sub-title {
  color: #999;
  margin-left: 50px;
}
.forum-title {
  margin: 15px 0 15px 0;
}
.forum-info {
  text-align: center;
}
.forum-desc {
  color: #999;
}
.forum-icon {
  float: left;
  width: 30px;
  margin-right: 20px;
  text-align: center;
}
a.forum-item-title {
  color: inherit;
  display: block;
  font-size: 18px;
  font-weight: 600;
}
a.forum-item-title:hover {
  color: inherit;
}
.forum-icon .fa {
  font-size: 30px;
  margin-top: 8px;
  color: #9b9b9b;
}
.forum-item.active .fa {
  color: #1ab394;
}
.forum-item.active a.forum-item-title {
  color: #1ab394;
}
.poc-icon {
  float: left;
  width: 70px;
  margin-right: 20px;
  text-align: center;
}

.poc-icon .fa {
  font-size: 30px;
  margin-top: 8px;
  color: #9b9b9b;
}

/*
.bg-navy { background-color: #1ab394; }
.bg-primary { background-color: #df4a43; border: 1px solid #df4a43 !important;}  
.bg-success { background-color: #1c84c6; }
.bg-info { background-color: #23c6c8; }
.bg-warning { background-color: #f8ac59; }
.tg-danger { background-color: #ed5565; }
.tg-muted { background-color: #888888; }
*/
.text-inline { display: inline; }


.alertmsg {
	/* border: 1px solid #ed5565; */
	border-radius: 0;
	text-align: center;
	/* display: block; */
}

.mandatory {
	color: #1ab394;
}

.centered
{
    text-align: center !important;
}

.modal-custom {
	 width: 35%;
	 /* border: 3px solid #ed5565; */
	/* height: 30%;*/
}


.table-profile tr td {
	border: none;
	/*margin: 10px; */
	padding: 5px;
	/*width: 100%;*/ 
}
.table-profile .highlight {
	/*
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	*/
	margin-top: 0px;
	padding-top:0px;
	height: 70px;
}

.v-m {
	margin-top: 5px;
}
.v-l {
	margin-top: 15px;
}

.btn-cd{
	background-color: #FFFFFF;
	/* border-color: #FFFFFF; */
	border: 1px solid #E0E0E0;
	color: #000000;
}

.btn-cd:hover {
	background-color: #808080;
	/* border-color: #666600; */
	color: #FFFFFF;
}

.t-n {
	/* text-normal class */
	font-weight: normal;
}
.d-c {
	color: #A0A0A0;
}

.center-pills { display: inline-block; }

.img-center {
	display: block;
    margin-left: auto;
    margin-right: auto
}

.red-flag {
	color: #ed5565;
}

.same-line {
	display: inline;
}

.dont-show {
	display: none;
}

.no-p-no-m {
	padding: 0;
	margin: 0;
}

.no-p-b-m {
	padding: 0;
	margin-bottom: 5px;
}

/* BUTTON ICONS */
.btn-icon, .btn.btn-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 0;
	margin: 0;
    border: none;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
}

.btn-icon.btn-xs {
    width: 16px;
    height: 16px;
    font-size: 8px;
    line-height: 16px;
}
.btn-icon.btn-sm {
    width: 22px;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
}
.btn-icon.btn-md {
    width: 28px;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
}
.btn-icon.btn-lg {
    width: 34px;
    height: 34px;
    font-size: 17px;
    line-height: 34px;
}

.btn-medium-dim {
  width: 70px;
  height: 70px;
  font-size: 36px;
}

.btn-img {
	zoom: 150%;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
.circle {
	width:80px;
	height:80px;
	border-radius:50px;
	font-size:28px;
	font-weight: 600;
	color:#fff;
	line-height:80px;
	text-align:center;
	background:#000;
	margin: 10px auto 15px auto;
}
.pic-height {
	max-height: 100px;
}
.circle2 {
	width:100px;
	height:100px;
	border-radius:50px;
	font-size:20px;
	font-weight: 600;
	color:#fff;
	/*line-height:2px;*/
	text-align:center;
	background:#000;
	margin: auto 0;  /* 10px auto 15px auto;*/
}
.pic-height2 {
	max-height: 80px;
}

/* Profile Picture */
.profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 50% !important;
  height: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.profile-image {
  width: 130px;
  float: left;
  border: 0px;
}
.profile-image img {
  width: 130px;
  height: 130px;
}
img.circle-border {
  border: 6px solid #ececec;
  border-radius: 50%;
}
.profile-info {
  margin-left: 150px;
}


/* BUTTON OUTLINE */
.btn-icon2, .btn.btn-icon2 {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 0;
    line-height: 28px;
    text-align: center;
    font-size: 17px;
}
/*
.btn.btn-outline-success {
  background-color: #fff!important;
  border-color: #1ab394!important;
  color: #1ab394!important;
}
*/
.btn.btn-outline-success:hover {
  background-color: #00acac!important;
  border-color: #00acac!important;
  color: #fff;
  transition: all .5s;
}

.text-navy { color: #1ab394; }
.text-primary { color: #df4a43; /* inherit; */ }  

.btn-outline {
  background-color: transparent!important;
  color: inherit;
  transition: all .5s;
}
.btn-primary.btn-outline {
  color: #1ab394 !important;
  border-color: #1ab394 !important;
  border-width: 0.1em !important;  
  border-style: solid !important; 
  background-color: transparent !important;
}
.btn-success.btn-outline {
  color: #00acac!important;
  border-color: #00acac!important;
  border-width: 0.1em !important;  
  border-style: solid !important; 
  background-color: transparent !important;
}
.btn-info.btn-outline {
  color: #23c6c8!important;
  border-color: #23c6c8!important;
  border-width: 0.1em !important;  
  border-style: solid !important; 
  background-color: transparent !important;
}
.btn-warning.btn-outline {
  color: #f8ac59!important;
  border-color: #f8ac59!important;
  border-width: 0.1em !important;  
  border-style: solid !important; 
  background-color: transparent !important;
}
.btn-danger.btn-outline {
  color: #ed5565 !important;
  border-color: #ed5565 !important;
  border-width: 0.1em !important;  
  border-style: solid !important; 
  background-color: transparent !important;
}
.btn-primary.btn-outline:hover{
  color: #fff !important;
  border-color: #1ab394 !important;
  background-color: #1ab394 !important;
}
.btn-success.btn-outline:hover{
  color: #fff !important;
  border-color: #00acac !important;
  background-color: #00acac !important;
}
.btn-info.btn-outline:hover{
  color: #fff !important;
  border-color: #23c6c8 !important;
  background-color: #23c6c8 !important;
}
.btn-warning.btn-outline:hover{
  color: #fff !important;
  border-color: #f8ac59 !important;
  background-color: #f8ac59 !important;
}
.btn-danger.btn-outline:hover {
  color: #fff !important;
  border-color: #ed5565 !important;
  background-color: #ed5565 !important;
}

/*
.btn-primary.btn-outline {
  color: #1ab394 !important;
}
.btn-success.btn-outline {
  color: #00acac!important;
}
.btn-info.btn-outline {
  color: #23c6c8!important;
}
.btn-warning.btn-outline {
  color: #f8ac59!important;
}
.btn-danger.btn-outline {
  color: #ed5565!important;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: #fff!important;
}
*/


/* Action buttons in the table hover effect */
.btn-table-danger:hover {
	background: #ed5565 !important;
	color: #fff;
}
.btn-table-success:hover {
	background: #00acac !important;	/* #1c84c6 */
	color: #fff;
}
.btn-table-primary:hover {
	background: #348fe2 !important;	/* #00acac */
	color: #fff;
}
.btn-table-info:hover {
	background: #23c6c8 !important;
	color: #fff;
}
.btn-table-inverse:hover {
	background: #575d63 !important;
	color: #fff;
}
.btn-table-warning:hover {
	background: #f59c1a !important;
	color: #fff;
}


.btn-action.btn-delete:hover {
	color: #ed5565 !important;
	font-size: 20px;
}
.btn-action.btn-edit:hover {
	color: #00acac;
	font-size: 20px;
}
.btn-action.btn-message:hover {
	color: #1c84c6;
	font-size: 20px;
}
.btn-action.btn-go:hover {
	background-color: #00acac;
	color: #fff;
}

.btn-action.btn-add:hover {
	background-color: #00acac;
	color: #fff;
}

.btn-td {
	float: none !important; 
	display: inline-block !important;
}

/*Select Box FOnt Size */

/* list group item arranged horizonatly */
.list-group-horizontal .list-group-item {
    display: inline-block;
}
.list-group-horizontal .list-group-item {
	margin-bottom: 0;
	margin-left:-4px;
	margin-right: 0;
}
.list-group-horizontal .list-group-item:first-child {
	border-top-right-radius:0;
	border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child {
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
}
.list-group-item .active {
	background-color: #1ab394 !important;
	border: 3px solid #1ab394 !important;
}

/* ALert notification */
.alert-icon {
    width:40px;
    height:40px;
    display:inline-block;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
}
.alert-icon i {
    width:40px;
    height:40px;
    display:block;
    text-align:center;
    line-height:40px;
    font-size:36px;
    color: inherit;
}
.notification-info {
    margin-left:56px;
    margin-top:-40px;
}
.notification-meta {
    margin-bottom:3px;
    padding-left: 0;
    list-style: none;
	
  /* float: left; */
}
.notification-info p {
    margin:1px;
    color: inherit;
    font-size:15px;
}

/* CLIENTS List and table */
.clients-list {
  margin-top: 35px;
}
.clients-list .tab-pane {
  position: relative;
  height: 600px;
}
.client-detail {
  position: relative;
  height: 620px;
}
.clients-list table tr td {
  height: 46px;
  vertical-align: middle;
  border: none ;
}
.client-link {
  font-weight: 600;
  color: inherit;
}
.client-link:hover {
  color: inherit;
}
.client-avatar {
  width: 42px;
}
.client-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.contact-type {
  width: 10px !important;
  /*
  margin-right: 3px !important;
  margin-top: 5px !important;
  padding-top: 5px !important;
  */
  
  color: #c1c3c4;
}
.contact-info{
  padding:1px 1px 0 8px !important;
  display: inline-block;	
  
}

.client-status {
  text-align: left;
}
.client-detail .vertical-timeline-content p {
  margin: 0;
}
.client-detail .vertical-timeline-icon.gray-bg {
  color: #a7aaab;
}
.clients-list .nav-tabs > li.active > a,
.clients-list .nav-tabs > li.active > a:hover,
.clients-list .nav-tabs > li.active > a:focus {
  border-bottom: 1px solid #fff;
}

/* ACTIVITY FEED ELEMENT */
.feed-activity-list .feed-element {
  border-bottom: 1px solid #e7eaec;
}
.feed-element:first-child {
  margin-top: 0;
}
.feed-element {
  padding-bottom: 15px;
}
.feed-element,
.feed-element .media {
  margin-top: 15px;
}
.feed-element,
.media-body {
  overflow: hidden;
}
.feed-element > .pull-left {
  margin-right: 10px;
}
.feed-element img.img-circle,
.dropdown-messages-box img.img-circle {
  width: 38px;
  height: 38px;
}
.feed-element .well {
  border: 1px solid #e7eaec;
  box-shadow: none;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 10px 20px;
  font-size: 11px;
  line-height: 16px;
}
.feed-element .actions {
  margin-top: 10px;
}
.feed-element .photos {
  margin: 10px 0;
}
.feed-photo {
  max-height: 180px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 10px;
}


/*
.nav-tabs { border-bottom: 2px solid #DDD; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #A0A0A0; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #1ab394 !important; background: transparent; }
        .nav-tabs > li > a::after { content: ""; background: #1ab394; height: 4px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 150ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #1ab394 none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 5px 0; }
.tab-content{padding:5px}
*/

/* Rating Stars for Ticket Verification */
/* Rating Stars for Ticket Verification */
.rating {
    float:left;
}

.rating-display {
	text-align: center;
    font-size: 200%;
	background: #ed5565;
	color: #FFFFFF; /*#FFFF00;*/
	
}


/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1.2em;
    padding:0.1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}

/* Rating Stars for Ticket Closure */
.rating2 {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating2:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating2:not(:checked) > label {
    float:right;
    width:1.2em;
    padding:0.1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating2:not(:checked) > label:before {
    content: '★ ';
}

.rating2 > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating2:not(:checked) > label:hover,
.rating2:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating2 > input:checked + label:hover,
.rating2 > input:checked + label:hover ~ label,
.rating2 > input:checked ~ label:hover,
.rating2 > input:checked ~ label:hover ~ label,
.rating2 > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating2 > label:active {
    position:relative;
    top:2px;
    left:2px;
}

.text-color {
    color: set-text-color(red);
}

.table-stripped tbody tr:nth-child(odd) {
   /* background-color: #fff; */
}

/* Loading animated gif dueing page load */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../../img/loader-64x/Preloader_2.gif) center no-repeat #fff;
	/* background: url(../../img/loader/301.gif) center no-repeat #fff; */
}

/* **************************************** */
/* input with icon within the same text box */
.iconic-input {
    position: relative;
}

.iconic-input .bg i {
    color: #B0B0B0;
    display: block;
    font-size: 16px;
    height: 16px;
    margin: 8px 5px 8px 10px;
    position: absolute;
    text-align: center;
    width: 16px;
}

.iconic-input i {
    color: #B0B0B0;
    display: block;
    font-size: 16px;
    height: 16px;
    margin: 10px 5px 5px 10px;
    position: absolute;
    text-align: center;
    width: 16px;
}

.iconic-input input {
    padding-left: 40px !important;
}

.iconic-input.right input {
    padding-left: 10px !important;
    padding-right: 30px !important;
}

.iconic-input.right i {
    float: right;
    right: 5px;
}

/* font-sizes */
.font-size-20 {
	font-size: 20px;
}
.font-size-24 {
	font-size: 24px;
}
.font-size-40 {
	font-size: 40px;
}


/* CONTACTS VISITING CARD VERTICAL & HORIZONTAL  */
.contact-box {
  background-color: #d9e0e7;
  border: 1px solid #e7eaec;
  padding: 10px 2px 10px 5px;
  margin-bottom: 20px;
  border: 2px solid #D0D0D0;
}
.contact-box > a {
  color: inherit;
  text-decoration: none;
}
.contact-box  h3, .contact-box p{
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
  /* float: left; */
}
.contact-box  h3{
	margin-top: 10px;
    font-weight: 800;
	font-size: 18px;
}

.active-user {
  border-top: 4px solid #1ab394 !important;  
}
.inactive-user {
  border-top: 4px solid #888888 !important;  
}

.contact-box:hover {
  background-color: #ffffff !important;
  border: 1px solid #d0d0d0;
  box-shadow: 10px 10px 5px #888888;
  
}

.contact-box.center-version {
  border: 1px solid #e7eaec;
  padding: 0;
}
.contact-box.center-version > a {
  display: block;
  background-color: #f4f4f4;
  padding: 20px;
  text-align: center;
}
.contact-box.center-version > a img {
  width: 80px;
  height: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.contact-box.center-version address {
  margin-bottom: 0;
}
.contact-box .contact-box-footer {
  text-align: center;
  background-color: #f4f4f4;
  border-top: 1px solid #E0E0E0;  /* #e7eaec; */
  padding: 15px 20px;
}
/* Vertical Contact Box */
.contact-box-v {
  background-color: #fff;
  border: 1px solid #e7eaec;
  padding: 10px 5px 10px 5px;
  margin-bottom: 20px;
  border: 2px solid #D0D0D0;
}
.contact-box-v > a {
  color: inherit;
  text-decoration: none;
}
.contact-box-v  h3, .contact-box-v p{
	max-width: 280px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center !important;
	/* float: left; */
}
.contact-box-v  h3{
	margin-top: 7px;
    font-weight: 800;
	font-size: 18px;
}

.contact-box-v:hover {
  background-color: #ffffff !important;
  border: 1px solid #d0d0d0;
  box-shadow: 10px 10px 5px #989898;
}

.contact-box-v.center-version > a {
  display: block;
  background-color: #fff;	
  padding: 5px 25px !important;	/* 20px */
  text-align: center;
}
.contact-box-v.center-version > a img {
  width: 100px;
  height: 100px;
  margin-top: 5px!important;
  margin-bottom: 10px;
}
.contact-box-v.center-version address {
  margin-bottom: 0;
}
.contact-box-v .contact-box-v-footer {
  text-align: center;
  background-color: #fefefe;
  border-top: 1px solid #E0E0E0;  /* #e7eaec; */
  padding: 5px 10px;
}


/* CONFIGURATION MENU BOXES */
.menu-box {
  border-radius: 5px;
  padding: 10px 5px;
  margin-bottom: 10px;
  margin-top: 10px;
  background: #f0f0f0; /* #d9e0e7; */
}
.menu-box h2 {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 0;
}
.menu-box small {
  font-size: 12px;
  color: #444;
}
.menu-box i {
	text-align:center;
	display:block;
	margin: 10px auto;
	font-size:60px;
	color: #ed5565; 
}
.menu-text-box {
  padding: 20px;
  border: 1px solid #e7eaec;
  background: #ffffff;
}
.menu-head-color-box {
  border-radius: 5px 5px 0 0;
  margin-top: 10px;
}

/* ibox */
.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
}
.ibox.collapsed .ibox-content {
  display: none;
}
.ibox.collapsed .fa.fa-chevron-up:before {
  content: "\f078";
}
.ibox.collapsed .fa.fa-chevron-down:before {
  content: "\f077";
}
.ibox:after,
.ibox:before {
  display: table;
}
.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #f4f4f4; /* #ffffff; */
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 0px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  min-height: 48px;
}
.ibox-content {
  background-color: #f4f4f4; /* #ffffff; */
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}
.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px;
}

.ibox-content {
  clear: both;
}
.ibox-heading {
  background-color: #f3f6fb;
  border-bottom: none;
}
.ibox-heading h3 {
  font-weight: 200;
  font-size: 24px;
}
.ibox-title h5 {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 7px;
  padding: 0;
  text-overflow: ellipsis;
  float: left;
}
.ibox-title .label {
  float: left;
  margin-left: 4px;
}
.ibox-tools {
  display: block;
  float: none;
  margin-top: 0;
  position: relative;
  padding: 0;
  text-align: right;
}
.ibox-tools a {
  cursor: pointer;
  margin-left: 5px;
  color: #c4c4c4;
}
.ibox-tools a.btn-primary {
  color: #fff;
}
.ibox-tools .dropdown-menu > li > a {
  padding: 4px 10px;
  font-size: 12px;
}
.ibox .ibox-tools.open > .dropdown-menu {
  left: auto;
  right: 0;
}

.stat-percent {
  float: right;
}
.progress-small,
.progress-mini {
  margin-top: 5px;
}
.progress-mini,
.progress-mini .progress-bar {
  height: 5px;
  margin-bottom: 0;
}

.rpt-style {
  text-decoration: none;
  color: #808080;
}
.rpt-style:hover {
  text-decoration: none;
  color: #1ab394;
}

/* GLOBAL  */
.no-padding {
  padding: 0 !important;
}
.no-borders {
  border: none !important;
}
.no-margins {
  margin: 0 !important;
}
.no-top-border {
  border-top: 0 !important;
}
.ibox-content.text-box {
  padding-bottom: 0;
  padding-top: 15px;
}
.border-left-right {
  border-left: 1px solid #e7eaec;
  border-right: 1px solid #e7eaec;
  border-top: none;
  border-bottom: none;
}
.border-left {
  border-left: 1px solid #e7eaec;
  border-right: none;
  border-top: none;
  border-bottom: none;
}
.border-right {
  border-left: none;
  border-right: 1px solid #e7eaec;
  border-top: none;
  border-bottom: none;
}

/* SRARCH BOX */


/* TEAMS */
.team-members {
  margin: 10px 0;
}
.team-members img.img-circle {
  width: 42px;
  height: 42px;
  margin-bottom: 5px;
}

/* ISSUE TRACKER */
.issue-tracker .btn-link {
  color: #1ab394;
}
table.issue-tracker tbody tr td {
  vertical-align: middle;
  height: 50px;
}
.issue-info {
  width: 25%;
}
.issue-info a {
  font-weight: 600;
  color: #676a6c;
}
.issue-info small {
  display: block;
}

/* PIN BOARD */
ul.notes li,
ul.tag-list li {
  list-style: none;
}
ul.notes li h4 {
  margin-top: 20px;
  font-size: 16px;
  color: inherit;
}
ul.notes li h6 {
  color: inherit;
}

ul.notes li div {
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  height: 140px;
  width: 140px;
  padding: 1em;
  position: relative;
}
ul.notes li div small {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 10px;
}
ul.notes li div a {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: inherit;
}
ul.notes li {
  margin: 10px 40px 50px 0;
  float: left;
}
ul.notes li div p {
  font-size: 12px;
}
ul.notes li div {
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  height: 140px;
  width: 140px;
  padding: 1em;
  /* Firefox */
  -moz-box-shadow: 5px 5px 2px #212121;
  /* Safari+Chrome */
  -webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
  /* Opera */
  box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
}
ul.notes li div {
  -webkit-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
}
ul.notes li:nth-child(even) div {
  -o-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  position: relative;
  top: 5px;
}
ul.notes li:nth-child(3n) div {
  -o-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  position: relative;
  top: -5px;
}
ul.notes li:nth-child(5n) div {
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  position: relative;
  top: -10px;
}
ul.notes li div:hover,
ul.notes li div:focus {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  position: relative;
  z-index: 5;
}
ul.notes li div {
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  height: 210px;
  width: 210px;
  padding: 1em;
  -moz-box-shadow: 5px 5px 7px #212121;
  -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  -moz-transition: -moz-transform 0.15s linear;
  -o-transition: -o-transform 0.15s linear;
  -webkit-transition: -webkit-transform 0.15s linear;
}

/* WIDGETS */
.widget {
  border-radius: 5px;
  padding: 15px 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.widget.style1 h1 {
  font-size: 30px;
}
.widget h2,
.widget h3 {
  margin-top: 5px;
  margin-bottom: 0;
}
.widget-text-box {
  padding: 20px;
  border: 1px solid #e7eaec;
  background: #ffffff;
}
.widget-head-color-box {
  border-radius: 5px 5px 0 0;
  margin-top: 10px;
}

/* FULL SCREEN MODAL */
.modal.modal-cover .modal-dialog {
	display: table;
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

.modal.modal-cover .modal-content {
	display: table-cell;
	vertical-align: middle;
	background: 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none
}

.modal.modal-cover {
	background: rgba(255, 255, 255, .95)
}

.modal.modal-inverse.modal-cover {
	background: rgba(0, 0, 0, .80)
}

.modal.modal-cover .modal-footer,
.modal.modal-cover .modal-header {
	border: none
}

.modal.modal-cover .modal-body+.modal-footer,
.modal.modal-cover .modal-header+.modal-body {
	padding-top: 0
}


/* Functions */
	
@function set-text-color($color) {
    @if (lightness( $color ) > 40) {
      @return #FFFFFF;
    }
    @else {
      @return #000000;
    }
}