body{
	background: #fdfdfd;
}

.top-bar:after {
	clear: both;
	content: "";
	display: block;
}

.main-content {
    margin: 0 !important;
    padding: 20px;
    background: #fff;
    display: block;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.w-100 {
    width: 100%;
}

.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr !important;
}

.label-success {
	background: #11c15b !important;
}

.btn-default,
.label-default {
	background: #ff5252 !important;
}


.btn-danger,
.label-danger {
	background: #d8130e;
}

.btn-success,
.btn-default,
.btn-danger,
.btn-primary,
.btn-success:hover,
.btn-default:hover,
.btn-danger:hover,
.btn-primary:hover,
.btn-success:focus,
.btn-default:focus,
.btn-danger:focus,
.btn-primary:focus {
	border-radius: 3px !important;
	border: none !important;
	color: #fff !important;
}

.label-primary,
.label-danger,
.label-default,
.label-success,
.label-warning {
	border-radius: 2px !important;
	border: none !important;
	color: #fff !important;
	padding: 5px 5px !important;
}

.date {
	display: inline-block;
}

/**** begin client-top-access ****/
.client-top-access {
	padding-top: 2px;
	text-align: left;
}

.client-top-access > .btn-group > a,
.client-top-access > .btn-group .dropdown,
.client-top-access > .btn-group > .client-number {
    float: left;
    height: 30px;
}

.client-top-access > .btn-group > a,
.client-top-access > .btn-group #notifications {
    background: transparent;
    border: none;
    color: #777;
    font-size: 13px;
    overflow: visible;
    transition: all 0.2s ease-in-out;
    /* display: inline-block; */
    /* height: 34px; */
    /* padding: 2px !important; */
    /* position: relative; */
    /* background-color: #fff; */
    /* border-radius: 50%; */
}

.client-top-access > .btn-group > a:hover,
.client-top-access > .btn-group #notifications:hover,
.client-top-access > .btn-group #notifications[aria-expanded="true"] {
    border: none;
    color: #ddd;
}

.client-top-access .client-top-access-item-count {
	background: #ff5252;
	border-radius: 10px;
	color: #ffffff;
	display: inline-block;
	font-size: 10px;
	height: 18px;
	line-height: 20px;
	position: absolute;
	right: -8px;
	top: -3px;
	width: 18px;
}

.fa {
    vertical-align: middle;
}

#notifications + .dropdown-menu {
    border-radius: 3px;
    display: block;
    left: 10px;
    min-width: 280px;
    padding: 10px 0;
    right: auto;
    border: 0;
    transform-origin: 18px -5px;
    transform: scale(0, 0);
    transition: all 0.5s cubic-bezier(0.61, -0.42, 0.57, 1.01);
}

.dropdown-menu.transform-or-tl.rtl {}

#notifications + .dropdown-menu:before {
    bottom: calc(100% - 2px);
    border: 5px solid transparent;
    border-bottom: 5px solid #fff;
    content: "";
    display: inline-block;
    left: 12px;
    position: absolute;
}

#notifications[aria-expanded="true"]  + .dropdown-menu {
    opacity: 1.0;
    transform: scale(1, 1);
    background: transparent;
    transition: all 0.5s cubic-bezier(0.42, 0, 0.38, 1.54);
}

#notifications + .dropdown-menu .notification-item {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 20px;
    border: 1px dashed #ddd;
    border-radius: 5px;
    background-color: #fff;
}

#notifications + .dropdown-menu .icon {
    border-radius: 0 2px 2px 0;
    color: #74cb0b;
    display: inline-block;
    padding: 4px;
    width: 30px;
}

#notifications + .dropdown-menu .icon .fa {
    font-size: 15px;
    position: relative;
    top: 2px;
    vertical-align: text-top;
}

#notifications + .dropdown-menu .notification-content {
    font-size: 12px;
}

#notifications + .dropdown-menu .notification-value {
    background: #0a76b7;
    color: #fff;
    float: left;
    height: 25px;
    line-height: 25px;
    margin-top: 2px;
    text-align: center;
    width: 25px;
    border-radius: 15px;
}

.client-top-access .client-number {
    color: #fff;
    line-height: 40px;
}

.client-top-access .client-number .fa {
    font-size: 18px;
}

.return-to-main-site {
	background: #ff5252;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    line-height: 36px;
    margin-right: 20px;
    padding: 0 10px;
    text-align: center;
    transition: all 0.2s ease-in-out;
}

.return-to-main-site:hover {
	background: #025878;
    color: #739fbf;
}

@media(max-width:767px) {

	.client-top-access {
		border-top: 1px solid rgba(256, 256, 256, 0.1);
		margin-top: 5px;
		padding-top: 5px;
	}

	.return-to-main-site {
		float: left;
	}

	.client-top-access .btn-group > a,
	.client-top-access .btn-group #notifications  {
		margin-left: 0 !important;
		margin-right: 5px !important;
	}

}
/**** end client-top-access ****/


/***** begin client-menu *****/
.client-menu-container {
	padding: 0;
}

.client-menu {
    display: inline-block;
    padding-right: 20px;
}

.client-menu .dropdown {
    float: right;
	background: #fbfbfb;
	border-radius: 10px 25px 25px 10px;
}
.client-menu .list-unstyled .credit{
    display: inline-block;
    margin: 7px 10px;
}
.client-menu .dropdown:hover {
	background: #efefef;
}

.client-menu .list-unstyled {
    padding: 0;
}

.client-menu .client-avatar {
	width: 36px;
	border-radius: 25px;
}

.client-menu .dropdown-toggle {
	border-radius: 3px;
	color: #313131;
	display: block;
	padding: 0 0 0 10px;
}

.client-menu .dropdown-toggle .title {
	padding: 0 10px;
	line-height: 2.5;
}

.client-menu  .dropdown-toggle b {
	color: #fff;
	float: left;
	position: relative;
	top: 16px;
}

.client-menu .dropdown-menu {
    border: none;
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: block;
    margin-top: 6px;
    top: 100%;
    min-width: 200px;
    padding: 0;
    transform: scale(1, 0);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.56, 1.01);
    transform-origin: top right;
}

.client-menu .dropdown-toggle[aria-expanded="true"] + .dropdown-menu,
.client-menu .dropdown-toggle[aria-expanded="true"] + .dropdown-backdrop + .dropdown-menu {
    opacity: 1;
    transform: scale(1, 1);
    transition: all 0.5s cubic-bezier(0.56, 0.01, 0.27, 1.55);
}

.client-menu .dropdown-menu a {
	color: #9E9E9E;
	font-size: 12px;
	margin: 3px 1px 1px 1px;
	padding: 0 0 0 10px;
	transition: all 0.2s ease-in-out;
}

.client-menu .dropdown-menu li:hover > a {
	background: #fafafa;
	color: #757575;
}

.client-menu .client-menu-item-icon {
	color: #777;
	display: inline-block;
	font-size: 15px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	width: 35px;
	padding: 5px;
}

.client-menu .client-menu-item-icon i {
	position: relative;
	top: 3px;
}

.client-menu  .client-menu-item-title {
	display: inline-block;
	padding-left: 0;
	padding-right: 0;
    background: transparent;
    color: #777;
}

.client-menu li.sign-out .client-menu-item-icon {
	background: #ddd;
}

.client-menu li.sign-out a {
	background: #fafafa;
	color: #313131;
}

.client-menu li.sign-out:hover a {
	background: #efefef;
	color: #313131;
}

@media(max-width:767px) {
	.client-menu .dropdown-toggle {
		margin: 0;
		line-height: 30px;
	}
}

.top-access-open-ticket {
	margin-left: 10px;
}
/***** end client-menu *****/


/***** begin top menu *****/
#main-menu {
    background-color: #fff !important;
}

#main-menu .navbar-main {
    background: #fff !important;
    padding: 3px;
    box-shadow: 0px 3px 4px 0 rgba(0, 0, 0, 0.08);
}

#main-menu .navbar-brand {
    padding: 0 30px;
    height: auto;
}

#main-menu .navbar-toggle {
    margin-top: 10px;
    float: right;
    margin-right: 30px;
    padding-top: 11px;
    border: 1px solid #efefef;
}

#main-menu .navbar-toggle span {
    background: #888;
    height: 3px;
    margin-bottom: 5px;
    width: 30px;
}

#main-menu .navbar-collapse {
    border: none;
}

#main-menu .navbar-nav a {
    background: none !important;
    line-height: 24px;
    font-size: 14px;
}

#main-menu .navbar-nav > li > a {
	font-size: 14px;
	padding: 10px 10px;
}

#main-menu .navbar-nav > li:hover {
	background-color:#fafafa;
	border-radius:5px;
}

#main-menu .navbar-nav ul {
	max-width: 100%;
	min-width: 200px;
	padding: 0;
	margin:  0;
}

#main-menu .navbar-nav ul li {
	background: #fff;
	transition: all 0.2s ease-in-out;
}


#main-menu .navbar-nav ul li:hover {
	background: #fafafa;
}

#main-menu .navbar-nav ul li a {
	line-height: 3;
	padding-right: 5px;
	color: #777;
}

#main-menu .navbar-nav ul li:hover > a {
	color: #333;
}

#main-menu .navbar-nav ul li i {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 20px;
	color: #afafaf;
}

#main-menu .navbar-left {
    margin-top: 7px;
}

#main-menu .top-access-open-ticket {
	background-color: #2196F3;
	color: #fff;
	padding: 10px 16px;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 3px;
	margin-top: -3px;
	border: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,.2);
}

#main-menu .top-access-open-ticket:hover {
	background: #1484dc
;
}

#main-menu .top-access-open-ticket i {
	display: inline-block;
	font-size: 14px;
	margin-left: 3px;
	position: relative;
	top: 1px;
	vertical-align: top;
}

#main-menu .top-access-open-ticket span {
	display: inline-block;
	font-size: 13px;
	vertical-align: top;
}

@media(min-width: 768px) {

    #main-menu .dropdown-menu {
		border: 1px solid #efefef;
		border-radius: 0;
		border-top: 0;
		display: block;
		min-width: 200px;
		opacity: 0;
		padding: 10px 5px;
		transform: scale(0, 0);
		transition: all 0.3s ease-in-out;
		transform-origin: top right;
		top: calc(100% - -23px);
		box-shadow: 0 10px 12px rgba(0, 0, 0, 0.27);
		}

    #main-menu .dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
        opacity: 1;
        transform: scale(1, 1);
        transition: all 0.5s cubic-bezier(0.42, 0, 0.32, 1.43);
    }

    #main-menu .dropdown-menu a {
        color: #777;
        font-size: 13px;
        padding: 0 10px;
        line-height: 2.5;
    }

    #main-menu .nav-divider {
        background: #eee;
        height: 1px;
        margin: 5px 0;
    }

}

@media(max-width: 767px) {

    #main-menu .navbar-nav a {
        background: none !important;
        line-height: 24px;
    }

    #main-menu .navbar-collapse {
        background: rgba(256, 256, 256, 0.05);
        border-radius: 3px;
        margin-left: 10px;
        margin-right: 20px;

    }

    #main-menu .nav-divider {
        background: none;
        display: none;
    }

    #main-menu .dropdown-menu {
        background: rgba(256, 256, 256, 0.075);
        border-radius: 3px;
        padding: 10px;
        margin: 5px 30px;
    }

     #main-menu .dropdown-menu a {
         display: inline-block;
         padding: 0;
         font-size: 13px;
     }

	#main-menu .navbar-left {
		margin-top: 0px;
	}

     #main-menu .top-access-open-ticket {
		display: block !important;
		margin-bottom: 10px;
     }
}
/***** end top menu *****/


/***** begin copyright *****/
.copy-right {
	color: #6e859b;
	font-size: 12px;
}

.copy-right-market {
	color: #ccc;
	font-size: 12px;
}
.copy-right img {
	max-width: 144px;
	padding-left: 30px;
}

@media(min-width: 768px) {
	.footer-2 .row > div:nth-child(2) .copy-right {
		text-align: left;
	}
}

@media(max-width: 767px) {
	.footer-2 .row > div:nth-child(2) .copy-right {
		text-align: center;
	}
}
/***** end copyright *****/

/***** begin icon list *****/
.iconlist img {
	width: 48px;
}

/***** end icon list *****/

/***** begin icon list *****/
.icon-list .icon {
	color: #8ea7bf;
	display: inline-block;
	font-size: 25px;
	height: 25px;
	line-height: 25px;
	text-align:  center;
	transition: all 0.3s ease-in-out;
	width: 25px;
}

.icon-list .icon:hover {
	color: #fff;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

@media(min-width:768px) {
	.icon-list {
		text-align: left;
	}
}

@media(max-width:767px) {
	.icon-list {
		text-align: center;
	}
}
/***** end icon list *****/

section#main-body {
	padding: 15px 0 15px 0;
}

/***** begin tiles *****/
.tiles .tile {
	padding: 7px;
	transition: all 0.3s ease-in-out;
}

.tiles:hover .tile {
	opacity: 0.5;
}

.tiles .tile:hover {
	opacity: 1.0;
}

.tiles .tile a {
    background: #fff;
    display: block;
    overflow: hidden;
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 10px;
    transition: all .3s ease-in-out;
    position: relative;
    margin: 10px 0;
    line-height: 30px;
}

.tiles .tile a:after {
	clear: both;
	content: "";
	display: block;
}

.tiles .tile a:hover {
	box-shadow: 0 2px 5px rgba(51, 51, 51, 0.35);
}

.tiles .tile .icon {
    background: #448aff;
    border-left: none;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    float: right;
    font-size: 40px;
    padding: 50px 15px 50px 14px;
    position: static;
}

.tiles .tile .icon1 {
    border-left: none;
    box-sizing: border-box;
    color: #448aff;
    display: block;
    float: left;
    font-size: 70px;
    padding: 25px 15px 30px 0;
    position: static;
    width: 80px;
    border-radius: 100% 0 0;
}

.tiles .tile .icon2 {
    /* background: #ff5252; */
    border-left: none;
    box-sizing: border-box;
    color: #ff5252;
    display: block;
    float: left;
    font-size: 70px;
    padding: 25px 15px 30px 0;
    position: static;
    width: 80px;
    border-radius: 0 100% 0 0;
}

.tiles .tile .icon3 {
    /* background: #11c15b; */
    border-left: none;
    box-sizing: border-box;
    color: #11c15b;
    display: block;
    float: left;
    font-size: 70px;
    padding: 25px 15px 30px 0;
    position: static;
    width: 80px;
    border-radius: 100% 0 0;
}

.tiles .tile .icon4 {
    border-left: none;
    box-sizing: border-box;
    color: #F9A825;
    display: block;
    float: left;
    font-size: 70px;
    padding: 25px 15px 30px 0;
    position: static;
    width: 80px;
    border-radius: 0 100% 0 0;
}

.tiles .tile .title {
    color: #448aff;
    float: right;
    font-size: 20px;
    padding-right: 10px;
    padding-top: 50px;
    text-align: right;
    width: calc(100% - 90px);
    word-break: break-all;
}

.tiles .tile .title1 {
    color: #448aff;
    float: right;
    font-size: 20px;
    padding-right: 10px;
    padding-top: 50px;
    text-align: right;
    width: calc(100% - 90px);
    word-break: break-all;
}

.tiles .tile .title2 {
    color: #11c15b;
    float: right;
    font-size: 20px;
    padding-right: 10px;
    padding-top: 50px;
    text-align: right;
    width: calc(100% - 90px);
    word-break: break-all;
}

.tiles .tile .title3 {
    color: #ff5252;
    float: right;
    font-size: 20px;
    padding-right: 10px;
    padding-top: 50px;
    text-align: right;
    width: calc(100% - 90px);
    word-break: break-all;
}

.tiles .tile .title4 {
    color: #f9a825;
    float: right;
    font-size: 20px;
    padding-right: 10px;
    padding-top: 50px;
    text-align: right;
    width: calc(100% - 90px);
    word-break: break-all;
}

.tiles .tile .title p {
    font-size: 12px;
    padding: 5px;
    color: #777
}
.tiles .tile .title1 p {
    font-size: 12px;
    padding: 5px;
    color: #777
}
.tiles .tile .title2 p {
    font-size: 12px;
    padding: 5px;
    color: #777
}
.tiles .tile .title3 p {
    font-size: 12px;
    padding: 5px;
    color: #777
}
.tiles .tile .title4 p {
    font-size: 12px;
    padding: 5px;
    color: #777
}
/***** end tiles *****/

/**** begin search-domain-section *****/
#search-domain-section {
	margin-top: 25px;
}

#search-domain-section .container {
	max-width: 1170px;
}

#search-domain-section .form-control{
	border-radius: 3px 0 0 3px;
	direction: ltr;
	font-size: 13px;
	text-align: left;
}

#search-domain-section .input-group {
	width: 100%;
}

#search-domain-section .input-group-btn .btn:first-child {
	border-radius: 0 3px 3px 0;
}

#search-domain-section .input-group-btn .btn {
	color: #fff;
	font-size: 12px;
    height: 46px;
	outline: none;
}

#search-domain-section .input-group-btn .btn.search {
	background-color: #ff5252;
    border-color: #f94646;
    margin: 0;
    width: 200px;
}

#search-domain-section .input-group-btn .btn.search:hover {
	background-color: #e84343;
}

#search-domain-section .input-group-btn .btn.transfer  {
	background-color: #448aff;
    border-color: #4a85e6;
    margin: 0;
    padding: 0px;
    width: 150px;
}

#default-captcha-domainchecker {
	font-size: 11px;
	margin: 0;
}

#default-captcha-domainchecker p {
	font-size: 11px;
	margin: 0;
	padding-top: 10px;
}

#inputCaptcha {
	border-radius: 3px;
	display: inline-block;
	padding: 5px;
	font-size: 11px;
	height: 25px;
	text-align: center !important;
}

#inputCaptchaImage {
	margin: 0 !important;
	vertical-align: middle;
}

#default-captcha-domainchecker .captchaimage + div {
	padding-top: 3px;
	text-align: right;
}

@media(max-width: 767px) {

	#search-domain-section .input-group-btn .btn.search {
		width: 100px;
	}

	#search-domain-section .input-group-btn .btn.transfer  {
		width: 100px;
	}
	
}

@media(max-width: 540px) {

	#search-domain-section .input-group-btn .btn.search {
		width: 70px;
	}

	#search-domain-section .input-group-btn .btn.transfer  {
		width: 70px;
	}
	
}
/**** end search-domain-section *****/

/**** begin full-width-img-text *****/
.full-width-img-text {
    background-size: cover;
    color: #f1f1f1;
    direction: rtl;
    min-height: 400px;
    line-height: 25px;
    padding: 40px;
    text-align: center;
}

.full-width-img-text .text-wrapper {
    display: table-cell;
    height: 440px;
    vertical-align: middle;
}

.full-width-img-text p {
	margin: 50px 0;
    text-align: justify;
}
/**** end full-width-img-text *****/

/***** begin announcements 3-col *****/
.announcements-3-col .announcement-item {
	background: #fff;
	border-bottom: 8px solid #0081af;
	box-shadow: 0 0 1px rgba(0,0,0,0.15);
	margin-bottom: 20px;
	border-radius:  5px;
	transition: all 0.2s ease-in-out;
}

.announcement-item {}

.announcements-3-col .announcement-item:hover {
	box-shadow: 0 3px 14px rgba(0,0,0,0.15);
}

.announcements-3-col .announcement-title-date {
	padding: 15px;
}

.announcements-3-col .announcement-item .announcement-title {
	color: #1a2431;
	font-size: 20px;
	margin: 10px 0;
	min-height: 60px;
	text-align: justify;
	transition: all 0.2s ease-in-out;
}

.announcements-3-col .announcement-item:hover .announcement-title {
	color: #00455e;
}

.announcements-3-col .announcement-item .announcement-date {
	color: #ffffff;
	display:  inline-block;
	font-size: 13px;
	background-color: #0081af;
	padding: 5px 15px;
	width: fit-content;
}

p.announcement-date {}

.announcements-3-col .announcement-item .announcement-content {
	color: #777;
	padding: 0 15px 20px 15px;
	text-align: justify;
}

#home-latest-announements .section-more {
	text-align: left;
}

#home-latest-announements .section-more-btn {
	background: #3f51b5;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	padding: 10px 35px;
	transition: all 0.2s ease-in-out;
}

#home-latest-announements .section-more-btn:hover {
	background: #0081af;
}

#home-latest-announements .section-more-btn span {
	margin-left: 10px;
}
/***** end announcements-3-col *****/

/***** begin section header *****/
.section-container {
	padding: 50px 0;
}

.section-container .container {
	max-width: 1230px;
}

.section-header .section-title-container {
	margin-bottom: 35px;
	text-align: right;
}

.section-header .section-title {
	color: #00455e;
	display: inline-block;
	font-size: 32px;
	padding-bottom: 10px;
	vertical-align: middle;
}

.section-header .section-icon {
	display: none;
	font-size: 20px;
	margin: 0 10px;
	vertical-align: middle;
}

.section-header .section-description {
	margin-bottom: 10px;
}

.section-title-container {
	position: relative;
}

.section-title-container:before,
.section-title-container:after {
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	z-index: 1;
}

.section-title-container:before {
	background: #0081af;
	left: calc(50% - 15%);
	width: 30%;
}

.section-title-container:after {
	background: #0081af;
	width: 100%;
	text-align: right;
}
/***** end section header *****/



/***** begin tabs *****/
#tabs-section {
	background: #00b9f6;
	border-radius: 0;
}

#tabs-section .section-header .section-title {
	color: #ffffff;
}

#tabs-section .section-title-container:before,
#tabs-section .section-title-container:after {
	background: #fff;
}

.tabs .nav-tabs {
    height: 54px;
    background: #ffffff;
    border: none;
    border-radius: 3px 3px 0 0;
    margin-top: 15px;
    border: 1px solid #efefef;
}

.tabs .tab-content {
	border: 1px solid #efefef;
	border-radius: 0 0 15px 15px;
}

.tabs .nav-tabs > li > .dropdown-menu {
	border: none;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	display: block;
	opacity: 0;
	transform: scale(1, 0);
	transform-origin: top center;
	transition: all 0.25s ease-in-out;
}

.tabs .nav-tabs > .dropdown .dropdown-toggle[aria-expanded="true"] + .dropdown-menu,
.tabs .nav-tabs > .dropdown .dropdown-toggle[aria-expanded="true"] + .dropdown-backdrop + .dropdown-menu {
	opacity: 1;
	transform: scale(1, 1);
}

.tabs .nav-tabs > li > a,
.tabs .nav-tabs > li > a:hover {
	background: none;
	border-radius: 0;
	margin: 0;
	line-height: 52px;
	color: #888;
	font-size: 14px;
	padding: 0 20px !important;
}

.tabs .nav-tabs > li > a:hover {
	background: none;
	border-radius: 0;
	margin: 0;
	line-height: 52px;
	color: #777;
	background-color:#efefef;
	border-left:1px solid #efefef;
	border:0;
}

.tabs .nav-tabs > li:first-child > a {
	border-radius: 0 3px 0 0 !important;
}

.tabs .nav-tabs > li.active > a, 
.tabs .nav-tabs > li.active > a:hover, 
.tabs .nav-tabs > li.active > a:focus {
	background: none;
	color: #ffffff;
	cursor: default;
	border: none;
	border-top: 4px solid #ffffff;
}

.tabs .plan-host {
	float: left !important;
    font-size: 12px;
	margin-top: -50px;
}

.tabs .plan-host a,
.tabs .plan-host a:hover {
	background: none;
	color: #c5c5c5;
    line-height: 50px;
	padding: 0 15px !important;
}

.tabs .tab-pane .tab-title {
    color: #00455e;
    font-size: 18px;
    margin-right: 50px;
    margin-top: 45px;
    text-align: right;
}

.tabs .tab-pane .tab-text {
	color: #616161;
	font-size: 13px;
	line-height: 30px;
	margin-bottom: 20px;
	margin-right: 50px;
	margin-top: 30px;
	text-align: justify;
}

.tabs .tab-pane .tab-text p {
    line-height: 1.75;
}

.tabs .tab-pane .tab-btn {
	margin-bottom: 50px;
	margin-right: 50px;
	text-align: left;
}

.tabs .tab-pane .tab-btn a {
    background: #00455e;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    margin: 0 0 0 15px;
    padding: 10px 25px;
}

.tabs .tab-pane .tab-image {
	height: 100%;
	text-align: center;
}

.tabs .tab-pane .tab-image:before {
	content: "";
	background: #ccc;
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.tabs .tab-pane .tab-image img {
	display: inline-block;
	height: 250px;
	margin: 50px 0;
	vertical-align: middle;
	width: auto;
}

.tabs .tab-pane [data-toggle="collapse"] {
	color: #0061ab;
	display: block;
	font-size: 14px;
	width: 100%;
}

.tabs .tab-pane .panel-body {
	padding: 28px 52px;
}

.tabs .tab-pane .panel-body a {
	background: none !important;
    color: #5f5f5f;
    font-size: 12px;
    padding: 0;

}

.tabs .nav-tabs#clientarea-home-tabs > li > a {
	
	transition: all 0.2s ease-in-out;
}

.tabs .nav-tabs#clientarea-home-tabs > li.active > a {
	color: #313131;
	cursor: default;
	border: none;
	background-color: #fafafa;
	min-height: 52px;
}

.tabs .nav-tabs#clientarea-home-tabs > li.active > a:hover, 
.tabs .nav-tabs#clientarea-home-tabs > li.active > a:focus {
	color: #313131;
	cursor: default;
	border: none;
	background-color: #f7f7f7;
	min-height: 52px;
}

.tabs .tab-content#clientarea-home-tabs-content {
	border-radius: 0 0 3px 3px;
	border-top: none;
}

.tabs .tab-content#clientarea-home-tabs-content .tab-btn {
	margin: 0;
}

.tabs .tab-content#clientarea-home-tabs-content .tab-btn a {
	background: #11c15b;
    border-radius: 0 3px;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 10px 15px;
}

.tabs .tab-content#clientarea-home-tabs-content .tab-btn a span {
	margin-left: 3px;
}

.tabs .tab-content#clientarea-home-tabs-content .tab-btn .description {
	color: #d8130e;
	display: inline-block;
	font-size: 12px;
	padding: 0 10px;
}

@media(max-width: 767px) {

	.tabs .tab-pane .tab-title {
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 30px;
	}

	.tabs .tab-pane .tab-text {
		margin-bottom: 30px;
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 20px;
	}

	.tabs .tab-pane .panel-body {
		padding: 10px !important;
	}

}
/***** end tabs *****/

/***** begin side bars *****/
.panel-danger>.panel-heading {
    color: #ffffff;
    background-color: #ff5252;
    border-color: #ff5252;
}
.panel-danger {
    border-color: #ff5252;
}
.sidebar .list-group a {
	background: #fff;
	color: #403e3e;
	transition: all 0.2s linear;
}

.sidebar .list-group a:hover,
.sidebar .list-group a.active {
	background: #00b9f6;
	color: #fff;
}

.sidebar .list-group i {
	color: #448aff !important;
}

.sidebar .list-group a .badge {
    background: #11c15b;
    border-radius: 100%;
    color: #fff;
    height: 30px;
    line-height: 30px;
    min-width: auto;
    padding: 0;
    width: 30px;
}

.sidebar .list-group a:hover .badge,
.sidebar .list-group a.active .badge {
	background: #fff;
	border-radius: 100%;
	color: #00b9f6;
	height: 30px;
	line-height: 30px;
	min-width: auto;
	padding: 0;
	width: 30px;
}

.sidebar .list-group a:hover i,
.sidebar .list-group a.active i {
	color: #fff !important;
}
/***** end side bars *****/

/***** begin table *****/
.table {
	background: #f8f8f8;
	min-width: 100%;
}

.table th {
	border: none !important;
	color: #00455e;
	font-size: 13px !important;
	font-weight: 500;
	text-align: center;
}

.table td {
	border: 1px solid #fafafa;
	color: #444;
	font-size: 13px;
	font-weight: 500;
	padding: 10px 8px !important;
	text-align: center;
	vertical-align: middle !important;
}


#clientarea-home-tabs-content td:last-child {
	border-left: none;
}
/***** end table *****/

/**** begin last post *****/
.last-post li {
	padding: 0;
}

.last-post li a  {
	color: #888;
	display: block;
	font-size: 13px;
	padding: 10px 0;
	transition: all 0.2s ease-in-out;
}

.last-post li a:hover  {
	background: #f8f8f8;
}

.last-post li a .title {
	display: inline-block;
	width: calc(100% - 110px);
}

.last-post li a .title-icon {
	display: inline-block;
	font-size: 10px;
	padding: 0 10px 0 0;
	position: relative;
	top: 1px;
}
/**** end last post *****/


/***** begin price table *****/
.price-list {
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	border-collapse: separate;
	overflow: hidden;
}

.price-list span,
.price-list th {
	color: #777777;
}

.price-list .fa-check {
	color: #27ad18;
}

.price-list .fa-times {
	color: #d9534f;
}

.price-list thead th {
	background: #f8f8f8;
	border-bottom: none !important;
	font-weight: normal;
	line-height: 30px !important;
}

.price-list th,
.price-list td {
	text-align: center;
}

.price-list tbody tr {
	background: transparent;
	transition: all 0.1s ease-in-out;
}

.price-list tbody tr:hover {
	background: #f8f8f8;
	transition: all 0.2s ease-in-out;
}

.price-list tbody tr td {
	padding: 10px !important;
	font-size: 13px;
}

.price-list .green {
	/* background: #f0fff6; */
}

.price-list .green p {
	color: #0b519c;
	margin: 0;
}

.price-list .green td:first-child ~ td {
	padding: 15px 0 !important;
}

.price-list tbody tr td:first-child {
	background: #f7f7f7;
	color: #fff;
	font-size: 13px;
	width: 175px;
	text-align: left;
}

.price-list tbody tr td:first-child span {
	color: #3647a7;
	font-weight: 700;
	font-size: 11px;
}

.price-list tbody tr td:first-child span .fa {
	color: #3647a7;
	display: inline-block;
	font-size: 14px;
	margin: 0 15px;
}

.price-list tbody tr td:first-child span .fa:hover {
	color: #ff5252;
}

.price-list tbody tr.dynamic-row {
	display: none;
	opacity: 0.0;
}

.price-list tbody tr.collapsed {
	display: none;
}

.price-list tbody tr.expanded {
	display: table-row;
}

.price-list tbody tr.opacity-1 {
	opacity: 1.0;
}

.price-list tbody tr.opacity-0 {
	opacity: 0.0;
}

.price-list .popover {
	background-color: #333333;
    border-color: #0d0d0d;
    color: #ffffff;
    font-size: 12px;
}

.price-list .popover .arrow:after {
    border-top-color: #333333;
}

.price-list tbody tr:last-child td {
	padding: 5px !important;
}

.price-list .btn {
	display: block;
	font-size: 13px;
	height: 35px;
	margin: 0;
	width: 100%;
	transition: all 0.2s ease-in-out;
}

.price-list .btn .fa {
	color: #fff;
	font-size: 11px;
	margin: 0 0 0 15px;
	text-align: justify;
}

.price-list .show_table {
	color: #fff;
    background-color: #34495e;
    border-color: #34495e;
    transition: all 0.2s ease-in-out;
}

.price-list .show_table:hover {
    background-color: #2c3e50;
    border-color: #2c3e50;
}

.price-list .show_table span {
	color: #fff !important;

}

.price-list .show_table .fa-minus {
	display: none;
}

.price-list .show_table.expanded .fa-minus {
	display: inline-block;
}

.price-list .show_table.expanded .fa-plus {
	display: none;
}
/***** end price table *****/

/**** end New *****/
b, strong {
    color: #0061ab;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    background-color: #fff;
}

.dataTables_wrapper .dataTables_length {
    background-color: #fff !important;
    font-size: 12px;
    color: #00455e;
    padding: 5px;
    border-radius: 0 0 5px 5px;
}

.panel-info>.panel-heading {
    color: #ffffff;
    background-color: #11c15b;
    border: 0;
}

.tabs {
    display: block;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
    border: 0;
}

.panel-info {
    border-color: #11c15b;
}

#order-standard_cart .products .product div.product-pricing {
    float: left;
}
#order-standard_cart .products .product footer {
    text-align: right !important;
    border-radius: 0 0 5px 5px !important;
}
#order-standard_cart .products .product header span {
    color: #ffffff !important;
    font-size: 15px !important;
    border-bottom: 0 !important;
}
#order-standard_cart .products .product header {
    position: relative !important;
    padding: 15px 20px !important;
    background: #2196f3 !important;
    color: #fff !important;
    margin: 0 !important;
}
#order-standard_cart .products .product {
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    background: #fff !important;
    border-radius: 2px !important;
    border: 0 !important;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.12), 0 1px 6px 0 rgba(0,0,0,0.12);
}

div#product1 {}

.tiles .tile:hover {
    background-color: transparent !important;
}

#order-standard_cart .domain-selection-options .option {
    margin-bottom: 20px !important;
    padding: 15px !important;
    border-radius: 5px;
    border-right: 10px solid #448aff !important;
    background-color: #fafafa !important;
}
.input-group-addon {
    background-color: #156bc7 !important;
    border: 1px solid #156bc7 !important;
    border-radius: 0 !important;
    color:#fff !important;
}


.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    padding: 15px 0 15px 0;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {
    bottom: 15px;
}

.cycle {
    background-color: #ef5350;
    padding: 0px 8px 0px 8px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    float: left;
}

#order-standard_cart .view-cart-items {
	border: 1px solid #ddd;
}

#order-standard_cart .view-cart-items .item {
	padding: 0 !important;
}

#order-standard_cart .view-cart-items .item-price .cycle {
	display: inline-block !important;
	float: none !important;
}

#order-standard_cart .btn-remove-from-cart {
	background: #f44336;
	color: #fff !important;
	display: inline-block;
	margin: 5px 0;
	position: relative;
	top: 5px;
	border-radius: 15px;
	height: 30px;
	width: 30px;
	padding: 0;
	transition: all 0.3s ease-in-out;
}

#order-standard_cart .btn-remove-from-cart:hover {
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.3);
}

#order-standard_cart .view-cart-items .item-title {
	display: inline-block !important;
	font-size: 14px !important;
	line-height: 50px;
	padding-right: 10px;
}

#order-standard_cart .view-cart-items .item-group {
	background: #3f51b5;
	border-radius: 3px;
	color: #fff;
	display: inline-block !important;
	font-size: 12px !important;
	padding: 5px 10px;
}

#order-standard_cart .view-cart-items .item-title a {
	background: #0091EA;
	color: #fff;
	display: inline-block;
	float: right;
	height: 30px;
	margin: 10px 5px;
	overflow: hidden;
	padding: 0 !important;
	text-align: right;
	width: 30px;
}

#order-standard_cart .view-cart-items .item-title a:after {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 1px;
}

#order-standard_cart .view-cart-items .item-title a i {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

#order-standard_cart .empty-cart .btn {
    background-color: #0288D1 !important;
}

.caret {

color: #b7b0b0 !important;
}
.product-desc img {
    float: left;
    padding: 20px;
}
.announcement-single img {
    float: left;
    padding: 15px;
    height: auto;
    width: 300px;
}


/***** begin support departments *****/
.submit-ticket-support-departments .col-md-6 {
	padding: 10px;
}

.submit-ticket-support-department a {
	display: block;
	min-height: 90px;
	padding-right: 70px;
	position: relative;
}

.submit-ticket-support-department {
	background: #fafafa;
	border-radius: 5px;
	transition: all 0.2s ease-in-out;
	border: 1px solid #efefef;
}

.submit-ticket-support-department:hover {
	background: #FAFAFA;
	box-shadow: 0 2px 3px rgba(51,51,51,0.3);
}

.submit-ticket-support-department-icon {
	background: #2196f3;
	border-radius: 0 5px 5px 0;
	bottom: 0;
	color: #F5F5F5;
	display: inline-block;
	font-size: 36px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	vertical-align: top;
	width: 70px;
}

.submit-ticket-support-department-icon:after {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.submit-ticket-support-department-icon i {
	position: relative;
	top: 25px;
	vertical-align: top;
}

.submit-ticket-support-department-title-description {
	display: inline-block;
	padding: 15px;
	vertical-align: top;
}

.submit-ticket-support-department-title {
	color: #1E88E5;
	display: block;
}

.submit-ticket-support-department-description {
	color: #757575;
	display: block;
	font-size: 12px;
}
/***** end support departments *****/


/***** begin ticket list *****/
.listtable.ticket-list .listtable-top-btns {
	float: right;
}

.listtable.ticket-list .listtable-top-btns .submit-ticket {
	background: #0060aa;
    color: #fff;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    padding: 0 20px;
}

.label.status span {
	color: #fff !important;
}

@media (max-width: 480px) {
	.listtable.ticket-list .listtable-top-btns {
		float: none;
	}

	.listtable.ticket-list .listtable-top-btns .submit-ticket {
		margin-bottom: 10px;
		width: 100%;
	}

	.listtable.ticket-list .dataTables_filter .input-group {
		width: 100%;
	}
}
/***** end ticket list *****/


/***** begin announcements *****/
.announcements .announcement-item {
	background: #fff;
	border-radius: 3px;
	margin-bottom: 25px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px 0 rgba(0,0,0,0.12);
}

.announcements .announcement-item:hover {
    background: #fff !important;
    border-radius: 2px !important;
    border: 0 !important;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.12), 0 1px 6px 0 rgba(0,0,0,0.12);
    transition: all 0.2s ease-in-out;
}

.announcements .announcement-item .announcement-item-title {
	background: #2196f3;
	border-radius: 3px 3px 0 0;
	padding: 10px;
}

.announcements .announcement-item .announcement-item-title a {
	color: #fff;
	/* font-weight: bold; */
}

.announcements .announcement-item .announcement-item-title i {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

.announcements .announcement-item .announcement-summary {
	color: #757575;
	padding: 15px;
	min-height: 120px;
	text-align: justify;
}

.announcements .announcement-item .announcement-summary p {
	font-size: 13px;
	line-height: 2;
}

.announcement-item-meta {
	background: #fafafa;
}

.announcement-item-date {
	color: #90A4AE;
	display: inline-block;
	font-size: 13px;
	height: 29px;
	line-height: 30px;
}

.announcement-item-date i {
	display: inline-block;
	padding: 0 10px 0 5px;
	vertical-align: middle;
}

.announcement-item-meta a,
.announcement-item-meta a:hover,
.announcement-item-meta a:focus {
	background: #27cb0b;
	border-radius: 0 0 0 3px;
	color: #fff;
	display: inline-block;
	float: left;
	height: 30px;
	padding: 5px 15px 5px 10px;
}

.announcement-item-meta a span {
	display: inline-block;
	padding-left: 5px;
}

.announcement-item-meta:after {
	clear: both;
	content: "";
	display: block;
}
/***** end announcements *****/

/***** begin announcement details *****/
.announcement-details {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(51, 51, 51, 0.1);
}

.announcement-details .announcement-item-title {
	background: #3f51b5;
	border-radius: 3px 3px 0 0;
	color: #fff;
	padding: 10px;
}

.announcement-details .announcement-item-title a { 
	color: #fff;
}

.announcement-details .announcement-item-title i {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

.announcement-details .announcement-item-title .share-announcement {
	cursor: pointer;
	display: inline-block;
	float: left;
	position: relative;
	text-align: left;
	top: 2px;
	width: 36px;
}

.announcement-details .announcement-content {
	color: #757575;
	padding: 15px;
	min-height: 350px;
}

.announcement-details .announcement-content p {
	font-size: 13px;
	line-height: 2;
	text-align: justify;
}

.announcement-details .announcemnet-social-gp-tw {
	padding: 10px 0;
	text-align: left;
}

.announcement-details .announcemnet-social-fb {
	border-top: 1px solid #0081af57;
	padding: 10px 0;
	text-align: left;
}

.announcement-details .fb_iframe_widget,
.announcement-details .fb_iframe_widget > span,
.announcement-details .fb_iframe_widget > span > iframe {
	left: 0 !important;
	width: 100% !important;
}
/***** end announcement details *****/

/***** begin top-logo *****/
#top-logo {
	padding: 10px 0;
	background-color: #fff;
	box-shadow: 0px 3px 4px 0 rgba(0, 0, 0, 0.08);
}

#top-logo-img a {
	display: inline-block;
	padding-right: 20px;
	float: right;
}

#top-logo-img img {
	display: inline-block;
	height: 75px;
}

#top-logo-img img:hover {
	opacity: 0.8;
    filter: grayscale(100);
}
#top-logo-img span {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	vertical-align: bottom;
}

@media(max-width: 767px) {
	#top-logo-img {
		text-align: center;
	}
}
/***** end top-logo *****/

/***** begin top logo contacts *****/
#top-logo-contacts {
	direction: ltr;
	margin-top: 15px;
}

#top-logo-contacts:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.top-logo-contact {
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	direction: ltr;
	font-size: 14px;
	margin: 5px;
	overflow: hidden;
	padding: 0 25px 0 0;
	position: relative;
}

.top-logo-contact i {
	background: #74cb0b;
	bottom: 0;
	display: inline-block;
	font-size: 12px;
	right: 0;
	line-height: 24px;
	position: absolute;
	text-align: center;
	top: 0;
	vertical-align: top;
	width: 25px;
	z-index: 0;
}

.top-logo-contact i:hover {
	background: #48dc1e;
}

.top-logo-contact span {
	background: #ffffff;
	display: block;
	padding: 2px 10px 0 10px;
	min-width: 50px;
	color: #003756;
	text-align: left;
	border: 1px dashed #efefef;
	margin-right: -2px;
	border-radius: 5px 0 0 5px;
}

@media(max-width: 767px) {
	#top-logo-contacts {
		text-align: center;
	}
}
/***** end top logo contacts *****/


/***** begin breadcrumb *****/
.breadcrumb-container {
	margin-bottom: 0;
	padding: 3px 0px 5px 0;
	position: relative;
	margin-top: 10px;
}

.breadcrumb-container .breadcrumb-icon {
	bottom: 0;
	color: #2196f3;
	display: inline-block;
	margin: 0 20px 0 5px;
	padding-top: 5px;
	text-align: left;
	top: 0;
	width: 20px;
}

.breadcrumb {
	background: none;
	border-radius: 0;
	display: inline-block;
	font-size: 11px;
	margin-bottom: 0;
	padding: 10px 0 10px 0;
}

.breadcrumb > li + li:before {
	padding: 0;
}

.breadcrumb > li a {
	color: #777;
}

@media (max-width: 567px) {
	.breadcrumb-container .breadcrumb-icon {
		margin-right: 5px;
		vertical-align: top;
	}

	.breadcrumb {
		font-size: 10px;
		width: calc(100% - 35px);
	}
}
/***** end breadcrumb *****/

/***** begin dataTable filter items ****/
.filter-items-container {
	background: #fff;
	border-radius: 3px;
	margin: 0;
	padding: 5px 10px 10px 0;
	position:  relative;
	float: right;
}

.filter-items-container-icon {
	background: #f8f8f8;
	bottom: 0;
	color: #e5e5e5;
	display: inline-block;
	font-size: 40px;
	overflow: hidden;
	padding-top: 5px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	vertical-align: top;
	width: 40px;
	display: none;
}

.filter-items-container-icon:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 1px;
}

.filter-items-container-icon i {
	display: inline-block;
	left: 5px;
	position: relative;
	top: -8px;
	vertical-align: middle;
	transform: rotateZ(25deg);
	width: calc(100% - 15px);
}

.dataTable-filter-items {
	display: inline-block;
	/* padding-top: 5px; */
	vertical-align: top;
	width: 100%;
}

.dataTable-filter-items .filter-item {
	background: #f8f8f8;
	box-shadow: 0 0 1px rgba(51,51,51,0.2);
	border-radius: 3px;
	color: #ccc;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	margin: 0 0 5px 5px;
	padding: 5px 5px 5px 35px;
	position: relative;
	transition: box-shadow 0.25s ease-in-out, padding 0.25s ease-in-out, background 0.4s ease-in-out, color 0.4s ease-in-out;
}

.dataTable-filter-items .filter-item:hover {
	box-shadow: 0 1px 2px rgba(51,51,51,0.1);
}

.dataTable-filter-items .filter-item.active {
	background: #ff5252;
	color: #fff;
	padding: 5px 20px 5px 20px;
}

.dataTable-filter-items .filter-item:first-child {
	margin-right: 0;
}

.dataTable-filter-items .filter-item .filter-item-icon {
	position: absolute;
	right: 5px;
	top: 5px;
	transform: scale(0, 0);
	transform-origin: right middle;
	transition: transform 0.2s ease-in-out;
} 

.dataTable-filter-items .filter-item.active .filter-item-icon {
	transform: scale(1, 1);
	transition: transform 0.2s 0.075s ease-in-out;
}

.dataTable-filter-items .filter-item .badge {
	background: #eee;
	border-radius: 2px 0 50% 0;
	display: inline-block;
	font-size: 10px;
	font-weight: normal;
	height: 20px;
	line-height: 22px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: left top;
	transition: transform 0.2s ease-in-out, top 0.2s ease-in-out, left 0.2s ease-in-out;
	width: 20px;
}

.dataTable-filter-items .filter-item.active .badge {
	background: #fff;
	color: #ff5252;
	transform: scale(0.8, 0.8);
	font-weight: 700;
}

.dataTable-filter-items .filter-item span:first-child {
	display: inline-block;
	min-width: 20px;
}

@media (max-width: 480px) {
	.dataTable-filter-items > li {
		width: 49%;
	}

	.dataTable-filter-items .filter-item {
		display: block;
	}

	.filter-items-container-icon i {
		top: 0;
	}
}
/***** end dataTable filter items ****/
@media(min-width: 992px) { 	
    #main-body-holder {
        margin-bottom: 10px;
    }
}

.text-info {
    color: #737373;
}
.ticket-subject {
    color: #f60;
}
.pnumber {
    color: #74cb0b;
}

/***** begin invoice *****/
.invoicesupaidtotal {
	padding: 8px 10px !important;
}

.invoicesupaidtotal .title {
	color: #9E9E9E !important;
	vertical-align: middle;
}

.invoicesupaidtotal .amount {
	color: #e57373 !important;
	vertical-align: middle;
}
/***** end invoice *****/

#home-price-table {
    background: linear-gradient(to bottom, rgba(214,238,255,0) 0%, #d6eeff 100%);
}

#home-latest-announements {
    background-color: #fff;
}

.fa.fa-circle.fa-stack-2x {
    color: #3f51b5;
}

.col-xs-10.col-xs-offset-1.text-justify {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
}

.col-xs-10.col-xs-offset-1.text-justify h4 {
    color: #666;
    background-color: #fafafa;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 14px;
}

.col-xs-10.col-xs-offset-1.text-justify p {
    color: #666;
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 15px;
    font-size: 13px;
    text-align: right;
    line-height: 26px;
}
.announcement-item img {
    float: left;
    max-height: 300px;
    padding-right: 20px;
    width: auto;
    max-width: 300px;
}

/***** begin ticket replies *****/
.ticket-replies .reply {
	background: #fff;
	border-radius: 3px;
	/* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); */
	margin: 10px 0;
	padding: 5px;
	position: relative;
}

.ticket-replies .replies-admin {
	direction: ltr;
}

.ticket-replies .replies-user-info {
	display: inline-block;
	padding: 13px 11px;
	text-align: center;
	vertical-align: top;
	width: 120px;
	border-radius: 0 10px 10px 25px;
}

.ticket-replies .replies-user-info .replies-user-image {
	border-radius: 50%;
	max-width: 100%;
	margin-bottom: 5px;
	width: 64px;
}

.ticket-replies .replies-user-info > span {
	display: block;
}

.ticket-replies .replies-user-info .replies-user-title {
	color: #616161;
	font-size: 14px;
	text-align: right;
	width: 120px;
}

.ticket-replies .replies-user-info .replies-user-title span {
	display: inline-block;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	width: calc(100% - 20px);
}

.ticket-replies .replies-user-info .replies-user-title i {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin: 0;
	text-align: center;
	vertical-align: top;
	width: 15px;
}

.ticket-replies .replies-user-info .replies-user-type {
	border-radius: 15px;
	height: 24px;
	margin: 0;
	text-align: right;
	width: 100px;
}

.ticket-replies .replies-admin .replies-user-info .replies-user-type {
	background: #3F51B5;
	border: 2px solid #3F51B5;
}

.ticket-replies .replies-client .replies-user-info .replies-user-type {
	background: #e53935;
	border: 2px solid #e53935;
}

.ticket-replies .replies-user-info .replies-user-type span {
	color: #fff;
	display: inline-block;
	font-size: 11px;
	height: 24px;
	line-height: 20px;
	overflow: hidden;
	text-align: right;
	vertical-align: top;
	width: calc(100% - 28px);
}

.ticket-replies .replies-user-info .replies-user-type i {
	background: #fff;
	border-radius: 100%;
	color: #ccc;
	display: inline-block;
	font-size: 10px;
	height: 20px;
	line-height: 20px;
	margin: 0;
	text-align: center;
	vertical-align: top;
	width: 20px;
}

.ticket-replies .replies-info {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 125px);
}

.ticket-replies .replies-date-attachment {
	position: absolute;
	bottom: -1px;
	z-index: 1;
}

.ticket-replies .replies-admin .replies-date-attachment {
	direction: ltr;
	right: -1px;
}

.ticket-replies .replies-client .replies-date-attachment {
	left: -1px;
}

.ticket-replies .replies-date {
	background: #00c853;
	color: #fff;
	display: inline-block;
	direction: ltr;
	font-size: 13px;
	height: 28px;
	padding: 6px 18px 0 20px;
}

.ticket-replies .replies-admin .replies-date {
	border-radius: 3px 0;
}

.ticket-replies .replies-client .replies-date {
	border-radius: 0 3px;
}

.ticket-replies .replies-attahcments {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	padding: 0 5px;
	vertical-align: top;
}

.ticket-replies .replies-admin .attachemets-list + .replies-date {
	border-radius: 0 0 10px 0;
}

.ticket-replies .replies-client .attachemets-list + .replies-date {
	border-radius: 0 0 0 5px;
}

.replies-attahcments +.attachemets-list {
	display: none;
}

.ticket-replies .replies-admin .replies-attahcments {
	background: #3F51B5;
	border-radius: 5px 0 0 0;
	margin-right: 0px;
}

.ticket-replies .replies-client .replies-attahcments {
	background: #e53935;
	border-radius: 0 5px 0 0;
	margin-left: -4px;
}

.ticket-modals .modal-content {
	border: none;
	border-radius: 12px;
}

.ticket-modals .modal-header {
	background: #0888f5;
	border: none;
	border-radius: 10px 10px 0 0;
	color: #fff;
	height: 38px;
	padding: 10px 15px 0 10px;
}

.ticket-modals .close {
	color: #fff;
	height: 38px;
	line-height: 1;
	outline: none;
	position: relative;
	text-align: left;
	text-shadow: none;
	top: -9px;
	left: 5px;
	transition: all 0.2s ease-in-out;
	vertical-align: top;
	width: 40px;
}

.ticket-modals .modal-title {
	font-size: 14px;
}

#modal-ticket-attachments ul {
	direction: ltr;
	display: block;
	padding: 0;
	width: 100%;
}

#modal-ticket-attachments ul li {
	direction: ltr;
	transition: all 0.25s ease-in-out;
}

#modal-ticket-attachments ul li:nth-child(odd) {
	background: #FAFAFA;
}

#modal-ticket-attachments ul li:nth-child(even) {
	background: #EEEEEE;
}

#modal-ticket-attachments ul li:hover {
	background: #E0E0E0;
}

#modal-ticket-attachments ul li a {
	color: #757575;
	transition: all 0.25s ease-in-out;
}

#modal-ticket-attachments ul li:hover a {
	color: #424242;
}

#modal-ticket-attachments ul li .fa {
	background: #3f51b5;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	opacity: 0.5;
	text-align: center;
	vertical-align: top;
	width: 32px
}

#modal-ticket-attachments ul li span {
	color: inherit;
	display: inline-block;
	font-size: 13px;
	height: 32px;
	line-height: 36px;
	padding: 0 10px;
	text-align: left;
	vertical-align: top;
	width: calc(100% - 38px);
}

.ticket-replies .replies-date span,
.ticket-replies .replies-date i {
	display: inline-block;
	direction: ltr;
	vertical-align: top;
}

.ticket-replies .replies-date i {
	font-size: 11px;
	position: relative;
	top: 2px;
}

.ticket-replies .replies-content {
	background: #fdfdfd;
	border: 1px solid #f7f7f7;
	border-radius: 3px;
	color: #616161;
	font-size: 13px;
	min-height: 160px;
	padding: 15px 15px 30px 15px;
	position: relative;
}

.ticket-replies .replies-admin .replies-content:before {
	border: 12px solid #f7f7f7;
	border-radius: 50px 0 0 0;
	content: "";
	display: inline-block;
	position: absolute;
	right: calc(100% + 1px);
	top: 5px;
	z-index: 1;
	display: none;
}

.ticket-replies .replies-admin .replies-content:after {
	border: 16px solid #fff;
	border-radius: 25px 0 0 0;
	content: "";
	display: inline-block;
	position: absolute;
	right: calc(100% + 1px);
	top: 18px;
	z-index: 2;
	display: none;
}

.ticket-replies .replies-client .replies-content:before {
	border: 12px solid #ffffff;
	border-radius: 0 50px 0 0;
	content: "";
	display: inline-block;
	position: absolute;
	left: calc(100% + 1px);
	top: 5px;
	z-index: 1;
	display: none;
}

.ticket-replies .replies-client .replies-content:after {
	border: 16px solid #fff;
	border-radius: 0 25px 0 0;
	content: "";
	display: inline-block;
	position: absolute;
	left: calc(100% + 1px);
	top: 18px;
	z-index: 2;
	display: none;
}

.ticket-replies .replies-rank {
	padding-top: 15px;
}

.ticket-replies .rating span.star {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	transition: all 0.2s ease-in-out;
}

.ticket-replies .rating span.star:hover,
.ticket-replies .rating span.star:hover ~ span.star,
.ticket-replies .rating-done span.star.active {
    color: #FFC107
}

#modal-ticket-add-reply .md-header,
#modal-ticket-add-reply .md-footer,
#modal-ticket-add-reply .md-fullscreen-controls {
	display: none;
}

#modal-ticket-add-reply label[for="inputMessage"] {
	color: #757575;
	font-weight: normal;
}

#modal-ticket-add-reply .md-editor {
	border: none;
}

#modal-ticket-add-reply .md-editor textarea {
	border: 1px solid #eee !important;
	border-radius: 3px;
	display: block;
	margin: 0;
	width: calc(100%);
}

#modal-ticket-add-reply .input-attachment-item input {
	height: 0.01px;
	width: 0.01px;
	overflow: hidden;
}

#modal-ticket-add-reply .attachments-title-conainer {
	border-bottom: 1px solid #eee;
	padding: 0 0 3px 0;
}

#modal-ticket-add-reply .attachments-title-conainer:after {
	clear: both;
	content: "";
	display: block;
	width: 100%;
}

#modal-ticket-add-reply .attachments-title-conainer .addTicketAttachmentItem {
	float: left;
	padding: 2px;
	outline: none;
	width: 90px;
}

#modal-ticket-add-reply .attachments-title-conainer .addTicketAttachmentItem  i {
	display: inline-block;
	font-size: 10px;
	margin-left: 2px;
	position: relative;
	top: 1px;
}

.input-attachment-items {
	margin: 10px 0;
}

.input-attachment-item {
	border-radius: 3px;
	/* border: 1px solid #E0E0E0; */
	margin: 3px 0;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
}

.input-attachment-item:nth-child(even) {
	background: #F5F5F5;
}

.input-attachment-item:nth-child(odd) {
	background: #EEEEEE;
}

.input-attachment-item:hover {
	background: #E0E0E0;
}

.input-attachment-item label i,
.input-attachment-item label span {
	display: inline-block;
}

.input-attachment-item label {
	display:block;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.input-attachment-item .selectfile {
	background: #3F51B5;
	border-radius: 0 3px 3px 0;
	color: #fff;
	cursor: pointer;
	padding: 5px 10px;
}

.input-attachment-item .selectedfile {
	color: #9E9E9E;
	direction: ltr;
	line-height: 28px;
	padding: 0 5px;
	text-align: left;
	vertical-align: top;
	width: calc(100% - 100px);
}

a.autoLinked {
    color: #2392ec;
    word-wrap: break-word;
}

@media(max-width: 576px) {

	.ticket-replies .replies-info {
		width: 100%;
	}
	
	.ticket-replies .replies-user-info {
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		background: #fff;
		border: 0;
	}

	.ticket-replies .replies-client .replies-user-info {
		text-align: right;
	}

	.ticket-replies .replies-user-info .replies-user-type {
		height: 20px;
	}

	.ticket-replies .replies-user-info .replies-user-type span {
		height: 18px;
		line-height: 17px;
		vertical-align: top;
	}

	.ticket-replies .replies-user-info .replies-user-type i {
		height: 16px;
		line-height: 16px;
		font-size: 8px;
		width: 16px;
	}

	.ticket-replies .replies-client .replies-content:before {
		border: 8px solid #f7f7f7;
		border-radius: 0 20px 0 0;
		bottom: calc(100% + 1px);
		display: none;
		left: auto;
		right: 4px;
		top: auto;
	}

	.ticket-replies .replies-client .replies-content:after {
		border: 9px solid #fff;
		border-radius: 0 30px 0 0;
		bottom: calc(100% + 1px);
		display: none;
		left: auto;
		right: 13px;
		top: auto;
	}

	.ticket-replies .replies-client .replies-user-info .replies-user-image {
		float: right;
		margin-top: 0;
		width: 48px;
	}

	.ticket-replies .replies-client .replies-user-info .replies-user-title {
		display: inline-block;
		height: 24px;
		padding-right: 9px;
		vertical-align: top;
		width: calc(100% - 55px);
	}

	.ticket-replies .replies-client .replies-user-info .replies-user-type {
		border: 1px solid #e53935;
		border-right: 2px solid #e53935;
		display: inline-block;
		float: right;
		margin-right: 5px;
	}

	.ticket-replies .replies-admin .replies-content:before {
		border: 8px solid #f7f7f7;
		border-radius: 20px 0 0 0;
		bottom: calc(100% + 1px);
		display: none;
		left: auto;
		left: 4px;
		top: auto;
	}

	.ticket-replies .replies-admin .replies-content:after {
		border: 9px solid #fff;
		border-radius: 30px 0 0 0;
		bottom: calc(100% + 1px);
		display: none;
		left: auto;
		left: 13px;
		top: auto;
	}

	.ticket-replies .replies-admin .replies-user-info {
		text-align: left;
	}

	.ticket-replies .replies-admin .replies-user-info .replies-user-image {
		float: left;
		margin-top: 0;
		width: 48px;
	}

	.ticket-replies .replies-admin .replies-user-info .replies-user-title {
		direction: ltr;
		display: inline-block;
		height: 24px;
		padding-left: 9px;
		text-align: left;
		vertical-align: top;
		width: calc(100% - 55px);
	}

	.ticket-replies .replies-admin .replies-user-info .replies-user-type {
		display: inline-block;
		float: left;
		margin-left: 5px;
	}

	.ticket-replies .replies-admin .replies-user-info .replies-user-type {
		direction: ltr;
		text-align: left;
	}

	.ticket-replies .replies-admin .replies-user-info .replies-user-type span {
		/*text-align: left;*/
	}

	.ticket-replies .replies-admin .replies-user-info .replies-rank {
		display: none;
	}
}
/***** end ticket replies *****/

/***** begin ticket info *****/
.ticket-info {
	padding-top: 30px;
}

.ticket-info-block {
	padding: 0 0 10px 0;
}

.ticket-info-block.btns {
	text-align: center;
}

.ticket-info-block .ticket-info-block-content {
	border-radius: 5px;
	padding: 20px 10px 15px 10px;
	position: relative;
	border: 1px solid #f5f5f5;
}

.ticket-info-block .ticket-info-block-btn {
    border-radius: 3px;
    padding: 20px 10px 15px 10px;
    position: relative;
}

.ticket-info-block .ticket-info-item {
	padding: 5px 10px;
}

.ticket-info-block .ticket-info-item .icon {
	color: #52a3e8;
	display: inline-block;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	margin-left: 10px;
	text-align: center;
	vertical-align: top;
	width: 30px;
}

.ticket-info-block .ticket-info-item .title {
	color: #757575;
	display: inline-block;
	font-size: 13px;
	height: 30px;
	line-height: 34px;
	vertical-align: top;
}

.ticket-info-block .ticket-info-item .value {
	color: #757575;
	display: inline-block;
	float: left;
	font-size: 13px;
	height: 30px;
	padding: 8px 0;
	text-align: left;
	vertical-align: top;
	width: calc(95% - 135px);
}

.ticket-status {
	display: inline-block;
	font-size: 11px;
	height: 28px;
	opacity: 1;
	padding: 5px 10px 5px 10px;
	position: absolute;
	right: 1px;
	top: 10px;
	t ransform: rotateZ(-90deg);
	transform-origin: top right;
	width: 90px;
	z-index: 1;
	color: #0b75b6 !important;
}

.ticket-status:before {
    border: 14px solid;
    border-left: 16px solid transparent;
    bottom: 0;
    content: "";
    display: inline-block;
    left: -25px;
    position: absolute;
    right: -1px;
    top: 0;
    z-index: -1px;
}

.ticket-status span {
	color: #fff;
	position: absolute;
	z-index: 1;
}

.ticket-info-block .ticket-info-item .btn {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	height: 30px;
	min-width: 110px;
	padding: 5px 8px 0 5px;
	text-align: right;
	vertical-align: top;
	width: 100%;
}

.ticket-info-block .ticket-info-item .btn i {
	display: inline-block;
	font-size: 13px;
	height: 20px;
	line-height: 20px;
	margin-left: 1px;
	text-align: center;
	vertical-align: top;
	width: 20px;
}

.ticket-info-block .ticket-info-item .btn span {
	display: inline-block;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	vertical-align: top;
}

.ticket-info-block .close-ticket {
	background: #e53935;
}

.ticket-info-block .add-reply {
	background: #00C853;
}

.ticket-info-block .replies-attahcments {
	background: #FFA000;
}

@media (max-width: 992px) {

	.ticket-info {
		border-radius: 3px;
		box-shadow: none;
		padding: 0px 0 5px 0;
		position: rela tive;
	}

	.ticket-info > div {
		position: static;
	}

	.ticket-info > div:nth-child(2) {
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
	}

	.ticket-info-block {
		padding: 0;
	}

	.ticket-info-block.btns {
		padding-top: 5px;
	}

	.ticket-info-block.btns .ticket-info-item {
		display: inline-block;
		padding-left: 0;
		padding-right: 0;
		width: 32%;
	}

	.ticket-info-block.btns .ticket-info-item .btn {
		text-align: center;
		width: 100%;
	}

	.ticket-info-block .ticket-info-block-content {
		box-shadow: none;
		padding: 0;
		position: static;
	}
}

@media (max-width: 567px) {

	.ticket-info > div:nth-child(2) {
		border-bottom: none;
		padding-bottom: 0;
	}

	.ticket-info-block .ticket-info-item .value {
		display: block;
		line-height: auto;
		padding-right: 55px;
		padding-top: 0;
		text-align: left;
		width: 100%;
	}

	.ticket-info-block.btns .ticket-info-item,
	.ticket-info-block.btns .ticket-info-item .btn {
		text-align: center;
		width: 100%;
	}

}
/***** end ticket info *****/

/***** start download info *****/
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 25px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px 0 rgba(0,0,0,0.12);
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
    min-height: 79px;
    overflow: hidden;
    max-height: 79px;
}

.card-header {
    margin-bottom: 0;
    background-color: #fafafa;
    border-bottom: 1px solid #efefef;
}

.card-footer {
    padding: 5px;
    background-color: #fafafa;
}


.card .card {
    border-right: 0;
    border-left: 0;
    border-radius: 0!important;
    box-shadow: none
}

.card-header {
    padding: .75rem .625rem;
    display: block
}

.card-title-link {
    color: #3f51b5;
    font-size: 16px;
    padding-right: 10px;
}

.card-info {
    border-bottom: 1px solid #efefef;
    padding: 7px 11px;
}

.card-action {
    float: left
}

.card-info-author, .card-info-category, .card-info-views {
    padding-right: .6rem;
    display: inline-block;
    font-size:10px;
}

.card-info-date {
    float: left;
    color: #ff5252;
    font-size: 10px;
    padding-top: 5px;
}
/***** end download info *****/

/***** start invoice info *****/

.invoice-status {
    font-size: 26px;
    padding: 20px;
}

.bank-list img {
    width: 55px;
    margin: 10px;
}

/***** end invoice info *****/

/***** start clienthome info *****/

@media (max-width: 567px) {

	.tiles {
    margin: -10px;
    }
    
    .tiles .tile a {
    border-radius: 0;
    }
    
    .tabs {
    border-radius: 0;
    margin-top: 20px;
    }
    
    .table-responsive {
    border: 1px solid #fff;
    }
    
    .client-top-access {
    display:none;
    }
    
    #top-logo-contacts {
    display:none;
    }
    
    #top-logo-img {
    float: right;
    }
}


/***** begin downloads *****/
.downloads {
    border-right: 5px solid #ff5252;
    color: #ff5252;
    font-size: 18px;
    font-weight: bold;
    margin: 15px;
    padding: 10px 15px;
}

.download-cats .download-cat {
	border-radius: 3px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	margin: 12px 0;
	transition: all 0.2s ease-in-out;
}

.download-cats .download-cat:hover {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

.download-cats .download-cat a {
	display: block;
}

.download-cats .download-cat .cat-title-container {
	background: #2196f3;
	border-radius: 3px 3px 0 0;
	color: #fff;
	display: block;
	height: 36px;
}

.download-cats .download-cat .cat-icon {
	display: inline-block;
	height: 36px;
	line-height: 38px;
	text-align: center;
	vertical-align: top;
	width: 30px;
}

.download-cats .download-cat .cat-title {
	display: inline-block;
	font-size: 13px;
	height: 36px;
	overflow: hidden;
	padding: 10px 0;
	width: calc(100% - 70px);
}

.download-cats .download-cat .cat-badge {
	background: #287ad7;
	border-radius: 50px;
	color: #fff;
	display: inline-block;
	float: right;
	font-size: 11px;
	margin: 5px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	vertical-align: top;
	width: 36px;
}

.download-cats .download-cat .cat-description {
	color: #757575;
	font-size: 13px;
	padding: 10px 15px;
	min-height: 60px;
}

.download-items .download-item {
	backgr ound: #F5F5F5;
	border-radius: 3px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	display: block;
	padding: 0;
	margin-bottom: 20px;
	min-height: 128px;
	position: relative;
	transition: all 0.2s ease-in-out;
}

.download-items .download-item:hover {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

#btnDownloadsSearch {
	background: #2196f3;
	border-radius: 3px 0 0 3px !important;
	outline: none;
}

.download-item .download-item-info {
	background: #2196f3;
	border-radius: 3px 3px 0 0;
	bottom: 0;
	color: #fff;
	min-height: 57px;
	padding: 0px;
	padding-right: 50px;
	position: relative;
	right: 0;
	text-align: right;
	top: 0;
	width: 100%;
}

.download-item .download-item-info .download-item-icon {
	bottom: 18px;
	color: #fff;
	font-size: 25px;
	padding: 4px 10px;
	position: absolute;
	right: 0;
	top: 0;
	width: 70px;
}

.download-item .download-item-info .download-item-size {
	background: rgba(54, 70, 162, 0.35);
	bottom: 0;
	font-size: 10px;
	left: 0;
	padding: 3px 0 1px 5px;
	position: absolute;
	right: 0;
	text-align: left;
}

.download-item .download-item-info .download-item-only-user {
	background: rgba(255, 255, 255, 0.125);
	border-radius: 50%;
	font-size: 12px;
	height: 24px;
	left: 5px;
	padding: 3px 0 1px 0;
	position: absolute;
	text-align: center;
	top: 5px;
	width: 24px;
}

.download-item .download-item-title-description {
	padding: 10px 15px 30px 15px;
}

.download-item .download-item-title {
	color: #fff;
	display: block;
	font-size: 13px;
	padding: 12px 0 25px 0;
}

.download-item .download-item-description {
	color: #757575;
	font-size: 13px;
	height: 90px;
	line-height: 1.75;
	overflow: hidden;
	text-align: justify;
}

.download-item .download-item-downloadtext {
	background: #20d236;
	border-radius: 0 3px;
	bottom: 0;
	color: #fff;
	font-size: 12px;
	left: 0;
	padding: 4px 10px 4px 10px;
	position: absolute;
}

@media(max-width: 992px) {
	.download-item .download-item-description {
		height: auto;
	}
}
/***** end downloads *****/


/***** begin knowledgebase *****/
.downloads {
    border-right: 5px solid #3f51b5;
    color: #3f51b5;
    background-color: #fafafa;
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    font-size: 15px;
    font-weight: 300;
    margin: 10px 0;
    padding: 10px 15px;
    border-radius: 3px;
}

.knowledge-base-cats .knowledge-cat {
	border-radius: 3px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	margin: 12px 0;
	transition: all 0.2s ease-in-out;
}

.knowledge-base-cats .knowledge-cat:hover {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

.knowledge-base-cats .knowledge-cat a {
	display: block;
}

.knowledge-base-cats .knowledge-cat .cat-title-container {
	background: #3f51b5;
	border-radius: 3px 3px 0 0;
	color: #fff;
	display: block;
	height: 36px;
}

.knowledge-base-cats .knowledge-cat .cat-icon {
	display: inline-block;
	height: 36px;
	line-height: 40px;
	text-align: center;
	vertical-align: top;
	width: 30px;
}

.knowledge-base-cats .knowledge-cat .cat-title {
	display: inline-block;
	font-size: 13px;
	height: 36px;
	overflow: hidden;
	padding: 8px 0;
	width: calc(100% - 70px);
}

.knowledge-base-cats .knowledge-cat .cat-badge {
	background: #7986CB;
	border-radius: 3px 0 0 0;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 11px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	vertical-align: top;
	width: 36px;
}

.knowledge-base-cats .knowledge-cat .cat-description {
	color: #757575;
	font-size: 13px;
	padding: 10px 15px;
}

#btnKnowledgebaseSearch {
	background: #3f51b5;
	border-radius: 3px 0 0 3px !important;
	outline: none;
}

.knowledge-base-items .knowledge-item {
	backgr ound: #F5F5F5;
	border-radius: 3px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	display: block;
	padding: 0;
	margin-bottom: 20px;
	min-height: 128px;
	position: relative;
	transition: all 0.2s ease-in-out;
}

.knowledge-base-items .knowledge-item:hover {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

.knowledge-item .knowledge-item-info {
	background: #3f51b5;
	border-radius: 3px 3px 0 0;
	bottom: 0;
	color: #fff;
	min-height: 65px;
	padding: 0px;
	padding-right: 45px;
	position: relative;
	right: 0;
	text-align: right;
	top: 0;
	width: 100%;
}

.knowledge-item .knowledge-item-info .knowledge-item-icon {
	bottom: 18px;
	color: #fff;
	font-size: 24px;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
}

.knowledge-item .knowledge-item-info .knowledge-item-views {
	background: rgba(255, 255, 255, 0.125);
	bottom: 0;
	font-size: 10px;
	left: 0;
	padding: 3px 0 1px 5px;
	position: absolute;
	right: 0;
	text-align: left;		
}

.knowledge-item .knowledge-item-title-description {
	padding: 10px 15px 30px 15px;
}

.knowledge-item .knowledge-item-title {
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 14px 0 25px 0;
}

.knowledge-item .knowledge-item-description {
	color: #757575;
	font-size: 13px;
	height: 90px;
	line-height: 1.75;
	overflow: hidden;
	text-align: justify;
}

.knowledge-item .knowledge-item-view-more {
	background: #3f51b5;
	border-radius: 0 3px;
	bottom: 0;
	color: #fff;
	font-size: 11px;
	left: 0;
	padding: 2px 7px 1px 7px;
	position: absolute;
}

@media(max-width: 992px) {
	.download-item .download-item-description {
		height: auto;
	}
}
/***** end knowledgebase *****/

/***** begin announcements 3-col *****/
.announcements-3-col .announcement-item {
	background: #fff;
	border-bottom: 8px solid #3f51b5;
	box-shadow: 0 0 1px rgb(63, 81, 181);
	margin-bottom: 20px;
	border-radius:  5px;
	transition: all 0.2s ease-in-out;
}

.announcement-item {}

.announcements-3-col .announcement-item:hover {
	box-shadow: 0 3px 14px rgba(63, 81, 181, 0.34);
}

.announcements-3-col .announcement-title-date {
	padding: 15px;
}

.announcements-3-col .announcement-item .announcement-title {
    color: #7f847f;
    font-size: 15px;
    margin: 10px 0;
    min-height: 30px;
    font-weight: 700;
    text-align: justify;
    transition: all 0.2s ease-in-out;
}

.announcements-3-col .announcement-item:hover .announcement-title {
	color: #00455e;
}

.announcements-3-col .announcement-item .announcement-date {
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    background-color: #3f51b5;
    padding: 5px 8px;
    width: auto;
    float: left;
    border-radius: 0 15px 0 5px;
    margin-left: -15px;
}

.announcements-3-col .announcement-item .announcement-content {
	color: #777;
	padding: 0 15px 20px 15px;
	text-align: justify;
}

#home-latest-announements .section-more {
	text-align: left;
}

#home-latest-announements .section-more-btn {
	background: #3f51b5;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	padding: 10px 35px;
	transition: all 0.2s ease-in-out;
}

#home-latest-announements .section-more-btn span {
	margin-left: 10px;
}
/***** end announcements-3-col *****/

/***** begin footer *****/
.footer .container,
.footer-2 .container {
	max-width: 1170px;
}

.footer {
    background-color: #f5f5f5;
    padding: 50px 0;
    color: #fff;
    margin-top: 30px;
}

.footer-box-title {
	color: #f1ebeb;
	font-size: 16px;
	padding-bottom: 10px;
}

.footer-box-title p {
	color: #333;
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #337ab7;
}

.footer-box-content a,
.footer-box-content p {
	color: #313131;
	font-size: 13px;
	line-height: 2;
	transition: all 0.15s ease-in-out;
}

.footer-box-content a:hover {
	color: #fff;
}
/***** end footer *****/

.full-width-img-text {
    background-size: cover;
    color: #f1f1f1;
    direction: rtl;
    min-height: 400px;
    line-height: 25px;
    padding: 40px;
    text-align: center
}

.full-width-img-text .text-wrapper {
    display: table-cell;
    height: 440px;
    vertical-align: middle
}

.full-width-img-text p {
    margin-top: 50px;
    text-align: justify
}

.tabs .nav-tabs {
    height: 54px;
    border: 0;
    border-radius: 5px 5px 0 0;
    margin-top: 15px;
    border-bottom: 1px solid #fafafa;
    border: 1px solid #efefef;
}

.tabs .nav-tabs > li > .dropdown-menu {
    border: none;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    display: block;
    opacity: 0;
    transform: scale(1,0);
    transform-origin: top center;
    transition: all .25s ease-in-out
}

.tabs .nav-tabs > .dropdown .dropdown-toggle[aria-expanded="true"] + .dropdown-menu,.tabs .nav-tabs > .dropdown .dropdown-toggle[aria-expanded="true"] + .dropdown-backdrop + .dropdown-menu {
    opacity: 1;
    transform: scale(1,1)
}

.tabs .nav-tabs > li > a,.tabs .nav-tabs > li > a:hover {
    background: none;
    border: none;
    border-radius: none;
    border-top: 4px solid transparent;
    margin: 0;
    line-height: 50px;
    color: #4b4b4b;
    font-size: 12px;
    padding: 0 15px!important
}

.tabs .nav-tabs > li > ul > li > a {
    color: #4b4b4b;
    font-size: 12px;
    padding: 0 15px!important
}

.tabs .nav-tabs > li > ul > li.active > a {
    background: none;
    color: #0061ab;
    font-size: 12px;
    padding: 0 15px!important
}

.tabs .nav-tabs > li.active > a,.tabs .nav-tabs > li.active > a:hover,.tabs .nav-tabs > li.active > a:focus {
    background: #f8f8f8;
    color: #0061ab;
    cursor: default;
    border: none;
    border-radius: 0;
    border-bottom: 4px solid #0061ab;
}

.tabs .plan-host {
    float: left!important;
    font-size: 12px;
    margin-top: -54px;
}

.tabs .plan-host a,.tabs .plan-host a:hover {
    color: #1078bf;
    line-height: 54px;
    padding: 0 15px!important;
    border-radius: 5px 0 0 0;
}

.tabs .tab-pane .tab-title {
    color: #0061ab;
    font-size: 18px;
    margin-right: 50px;
    margin-top: 60px;
    text-align: right
}

.tabs .tab-pane .tab-text {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 15px;
    margin-right: 50px;
    margin-top: 30px;
    text-align: justify
}

.tabs .tab-pane .tab-image {
    margin: 70px auto;
    height: 250px;
    width: auto
}

.tabs .tab-pane [data-toggle="collapse"] {
    color: #0061ab;
    display: block;
    font-size: 14px;
    width: 100%
}

.tabs .tab-pane .panel-body {
    padding: 28px 52px
}

.tabs .tab-pane .panel-body a {
    background: none!important;
    color: #5f5f5f;
    font-size: 12px;
    padding: 0
}

@media(max-width: 767px) {
    .tabs .tab-pane .tab-title {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 30px
    }

    .tabs .tab-pane .tab-text {
        margin: 20px 20px 30px
    }

    .tabs .tab-pane .panel-body {
        padding: 10px!important
    }
}

.price-list {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    border-collapse: separate;
    overflow: hidden
}

.price-list span,.price-list th,.price-list .fa {
    color: #777
}

.price-list thead th {
    background: #f8f8f8;
    border-bottom: none!important;
    font-weight: 400;
    line-height: 30px!important
}

.price-list th,.price-list td {
    text-align: center
}

.price-list tbody tr {
    background: transparent;
    transition: all .1s ease-in-out
}

.price-list tbody tr:hover {
    background: #f8f8f8;
    transition: all .2s ease-in-out
}

.price-list tbody tr td {
    padding: 5px!important;
    font-size: 14px;
    line-height: 30px;
}

.price-list .green {
    background: #f0fff6
}

.price-list .green p {
    color: #2ecc71;
    margin: 0
}

.price-list .green td:first-child ~ td {
    padding: 15px 0!important
}

.price-list tbody tr td:first-child {
    background: #f8f8f8;
    color: #0061ab;
    font-size: 13px;
    width: 175px;
    text-align: left
}

.price-list tbody tr td:first-child span {
    color: #0061ab
}

.price-list tbody tr td:first-child span .fa {
    color: #0061ab;
    display: inline-block;
    font-size: 14px;
    margin: 0 15px
}

.price-list tbody tr.dynamic-row {
    display: none;
    opacity: 0
}

.price-list tbody tr.collapsed {
    display: none
}

.price-list tbody tr.expanded {
    display: table-row
}

.price-list tbody tr.opacity-1 {
    opacity: 1
}

.price-list tbody tr.opacity-0 {
    opacity: 0
}

.price-list .popover {
    background-color: #333;
    border-color: #0d0d0d;
    color: #fff;
    font-size: 12px
}

.price-list .popover .arrow:after {
    border-top-color: #0d0d0d
}

.price-list tbody tr:last-child td {
    padding: 5px!important
}

.price-list .btn {
    display: block;
    font-size: 13px;
    height: 35px;
    margin: 0;
    width: 100%;
    transition: all .2s ease-in-out
}

.price-list .btn .fa {
    color: #fff;
    font-size: 11px;
    margin: 0 15px;
    text-align: justify
}

.price-list .show_table {
    color: #fff;
    background-color: #34495e;
    border-color: #34495e;
    transition: all .2s ease-in-out
}

.price-list .show_table:hover {
    background-color: #2c3e50;
    border-color: #2c3e50
}

.price-list .show_table span {
    color: #fff!important
}

.price-list .show_table .fa-minus {
    display: none
}

.price-list .show_table.expanded .fa-minus {
    display: inline-block
}

.price-list .show_table.expanded .fa-plus {
    display: none
}

#design-carousel .simple-carousel-item,#startups-carousel .simple-carousel-item {
    text-align: center;
    background: transparent;
    height: 270px;
    padding-top: 40px;
    transition: all .2s ease-in-out;
}

#design-carousel .simple-carousel-item:hover,#startups-carousel .simple-carousel-item:hover {
    background: #f8f8f8
}

#design-carousel .simple-carousel-item img,#startups-carousel .simple-carousel-item img {
    margin: 0 auto;
    max-width: 100%;
    width: 150px;
}

#design-carousel .simple-carousel-item .carusel-title,#startups-carousel .simple-carousel-item .carusel-title {
    color: #5a5a5a;
    font-size: 14px;
    margin: 0;
    text-align: center;
    padding-top: 15px
}

#design-carousel .lSPager a,#startups-carousel .lSPager a {
    background: #e5e5e5;
    transform: scale(1,1);
    transition: all .2s ease-in-out
}

#design-carousel .lSPager li.active a,#startups-carousel .lSPager li.active a {
    background: #c7c7c7;
    transform: scale(2,2)
}

.list-simple {
    color: #bdc3c7;
    margin: 20px 20px 0 0;
    padding: 0
}

.list-simple li a {
    color: #5a5a5a!important;
    font-size: 12px!important;
    line-height: 20px;
    margin-right: 10px;
    padding: 8px 15px 5px;
    transition: all .2s ease-in-out
}

.list-simple li {
    transition: all .2s ease-in-out
}

.list-simple li:hover,.list-simple li:hover a {
    color: #0061ab!important
}

.enamad-logos > div {
    display: inline-block;
    margin: 0;
    vertical-align: top
}

.enamad-logos img {
    display: inline-block;
    margin: 0 auto
}

.enamad-logos .enamd-logo {
    width: 125px
}

.enamad-logos .enamad-logos-carousel {
    height: 150px;
    width: calc(100% - 130px)
}

.enamad-logos-carousel .logo-carousel-item-content {
    height: 150px;
    text-align: center
}

.enamad-logos-carousel .logo-carousel-item-content:before {
    content: "";
    display: inline-block;
    height: 150px;
    vertical-align: middle;
    width: 0
}

.carousel-logo img {
    width: 80%
}

.carousel-customers img {
    display: inline-block;
    margin: 0 auto;
    width: 80%
}

.carousel-customers:hover img {
    filter: blur(2px)
}

.carousel-customers .customers-carousel-item-content img:hover {
    filter: blur(0px)
}

.carousel-customers .customers-carousel-item-content {
    text-align: center
}

.carousel-customers .customers-carousel-item-content:before {
    content: "";
    display: inline-block;
    height: 100px;
    vertical-align: middle;
    width: 0
}

.simple-slider-container {
    position: relative
}

.simple-slider-container #slider-timer {
    opacity: .5;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 100
}

.simple-slider .simple-slider-item-content img {
    margin: 0
}

.simple-slider + .lSAction a {
    color: #fff;
    font-size: 26px
}
.slider-home {
    margin-top: -20px;
}

.site-description {
    color: #0061ab!important;
    font-size: 18px!important;
    font-weight: 700;
    margin: 20px 0 10px;
    text-align: center
}

.section-header {
    color: #0061ab;
    text-align: right;
}

.section-header .section-icon {
    display: inline-block;
    margin: 0 10px
}

.section-header .section-title {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 20px 0 10px
}

.section-header .section-description {
    color: #5a5a5a;
    font-size: 11px;
    margin: 0;
    text-align: justify
}

.section-header .section-title-container {
    margin-bottom: 10px;
}

.section-header .section-title-more {
    color: #f10c41;
    direction: ltr;
    float: left;
    font-size: 12px!important;
    line-height: 8px;
    margin-left: 10px;
    margin-top: 25px;
    transition: all .4s linear;
}

.section-header .section-title-more:hover {
    color: #0061ab
}

.section-header .section-title-more .fa {
    transform: rotateZ(0)
}

.section-header .section-title-more:hover .fa {
    transform: rotateZ(-90deg);
    transition: all .5s linear
}
.fas.fa-shopping-cart.fa-stack-2x {
    color: #0c76b3;
    font-weight: 300;
}