/*state overview*/
.state-overview .symbol, .state-overview .value {
	display: inline-block;
	text-align: center;
}

.state-overview .value {
	float: right;
}

.state-overview .value h1, .state-overview .value p {
	margin: 0;
	padding: 0;
	color: #c6cad6;
}

.state-overview .value h1 {
	font-weight: 300;
}

.state-overview .symbol i {
	color: #fff;
	font-size: 50px;
}

.state-overview .symbol {
	width: 40%;
	padding: 25px 15px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

.state-overview .value {
	width: 58%;
	padding-top: 21px;
}

.state-overview .terques {
	background: #6ccac9;
}

.state-overview .red {
	background: #ff6c60;
}

.state-overview .yellow {
	background: #f8d347;
}

.state-overview .blue {
	background: #57c8f2;
}

.card.green-chart .chart-tittle .value {
	float: right;
	color: #c0f080;
}

.card.green-chart {
	background: #a9d96c;
	color: #fff;
}

.card.terques-chart {
	background: #41cac0;
	color: #fff;
}

.card.terques-chart .chart-tittle .value {
	float: right;
	color: #fff;
}

.card.terques-chart .chart-tittle .value a {
	color: #fff;
	font-size: 12px;
}

.card.terques-chart .chart-tittle .value a:hover, .card.terques-chart .chart-tittle .value a.active
	{
	color: #55f2e7;
	font-size: 12px;
}

.card.terques-chart .chart-tittle {
	font-size: 16px;
	padding: 15px;
	display: inline-block;
	font-weight: normal;
	background: #39b7ac;
	width: 100%;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
}

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

/**/
.card-body.chart-texture {
	background: url("../img/chart-texture.jpg");
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}

/*personal task*/
.task-thumb {
	width: 90px;
	float: left;
}

.task-thumb img {
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

.task-thumb-details {
	display: inline-block;
	margin: 25px 0 0 10px;
}

.task-progress {
	float: left;
}

.task-thumb-details h1, .task-thumb-details h1 a, .task-progress h1,
	.task-progress h1 a {
	color: #39b5aa;
	font-size: 18px;
	margin: 0;
	padding: 0;
	font-weight: 400;
}

.task-thumb-details p, .task-progress p {
	padding-top: 5px;
	color: #a4aaba;
}

.personal-task tbody tr td {
	padding: 11px 15px;
	border-color: #eeeff1;
}

.personal-task tbody tr td i {
	font-size: 20px;
	color: #c7cbd4;
}

.personal-task.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th
	{
	background-color: #f7f8fc;
}

.personal-task.table-hover>tbody>tr:hover>td i {
	color: #39b5aa;
}

.personal-task>tbody>tr>td:last-child {
	text-align: right;
}

.task-option {
	float: right;
}

.task-option select {
	height: 35px;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 8px;
	color: #a4abbb;
}

.progress-panel {
	padding-bottom: 5px;
}

/*easy pie chart*/
.easy-pie-chart {
	display: inline-block;
	padding: 30px 0;
}

.chart-info, .chart-info .increase, .chart-info .decrease {
	display: inline-block;
}

.chart-info {
	width: 100%;
	margin-bottom: 5px;
}

.chart-position {
	margin-top: 70px;
}

.chart-info span {
	margin: 0 3px;
}

.chart-info .increase {
	background: #ff6c60;
	width: 10px;
	height: 10px;
}

.chart-info .decrease {
	background: #f2f2f2;
	width: 10px;
	height: 10px;
}


/*pie chart */
.pie-foot {
	background: #6b6b6b;
	padding: 18px 15px;
	color: #fff;
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	text-align: center;
	font-size: 16px;
	font-weight: 300;
}

/*follower*/
.follower {
	background: #01a89e;
	color: #fff;
	text-align: center;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}

.follower-foot {
	padding: 8px 5px 5px 5px;
	color: #757575;
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	font-weight: 300;
}

.follower-foot ul {
	padding: 0;
	margin: 0;
}

.follower-foot ul li {
	display: inline-block;
	text-align: center;
	width: 48%;
	line-height: normal;
}

.follower-foot ul li h5 {
	margin: 5px 0 0 0;
}

.follower h4 {
	margin: 0 0 10px 0;
	font-size: 15px;
	font-weight: 300;
}

.follow-ava {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 5px solid #18b2a6;
	display: inline-block;
}

.follower img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 62px;
	height: 62px;
	/*display: inline-block;*/
}

.p-text-area, .p-text-area:focus {
	border: none;
	font-weight: 300;
	box-shadow: none;
	color: #c3c3c3;
	font-size: 16px;
}

.profile-info .card-footer {
	background-color: #f8f7f5;
	border-top: 1px solid #e7ebee;
}

.profile-info .card-footer ul li a {
	color: #7a7a7a;
}

.profile-activity h5 {
	font-weight: 300;
	margin-top: 0;
	color: #c3c3c3;
}

.summary-head {
	background: #ee7272;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #ee7272;
}

.summary-head h4 {
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.summary-head p {
	color: rgba(255, 255, 255, 0.6);
}

ul.summary-list {
	display: inline-block;
	padding-left: 0;
	width: 100%;
	margin-bottom: 0;
}

ul.summary-list>li {
	display: inline-block;
	width: 19.5%;
	text-align: center;
}

ul.summary-list>li>a>i {
	display: block;
	font-size: 18px;
	padding-bottom: 5px;
}

ul.summary-list>li>a {
	padding: 10px 0;
	display: inline-block;
	color: #818181;
}

ul.summary-list>li {
	border-right: 1px solid #eaeaea;
}

ul.summary-list>li:last-child {
	border-right: none;
}

/*panel heading color*/
.card-primary>.card-header.navyblue {
	background-color: #2A3542;
	border-color: #2A3542;
	color: #FFFFFF;
}

/*table*/
.table-advance tr td {
	vertical-align: middle !important;
}

.no-border {
	border-bottom: none;
}


.border-top {
	border-top: 1px solid #ddd;
}

.btn-row {
	margin-bottom: 10px;
}

.tab-head {
	background: #7087a3;
	display: inline-block;
	width: 100%;
	margin-top: 60px;
}

.tab-container {
	margin-top: 10px;
}

.tab-head .nav-tabs>li>a {
	border-radius: 0;
	margin-right: 1px;
	color: #fff;
}

.tab-head .nav-tabs>li.active>a, .tab-head .nav-tabs>li>a:hover,
	.tab-head .nav-tabs>li.active>a:hover, .tab-head .nav-tabs>li.active>a:focus
	{
	background-color: #f1f2f7;
	border-color: #f1f2f7;
	color: #797979;
}

/*general page*/
.progress-xs {
	height: 8px;
}

.progress-sm {
	height: 12px;
}

.card-header .nav {
	border: medium none;
	font-size: 13px;
	margin: -10px -15px -11px;
}

.tab-bg-dark-navy-blue {
	background: #7087A3;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-bottom: none;
}

.card-header .nav>li>a, .card-header .nav>li.active>a,
	.card-header .nav>li.active>a:hover, .card-header .nav>li.active>a:focus
	{
	border-width: 0;
	border-radius: 0;
}

.card-header .nav>li>a {
	color: #fff;
}

.card-header .nav>li.active>a, .card-header .nav>li>a:hover {
	color: #47596f;
	background: #fff;
}

.card-header .nav>li:first-child.active>a, .card-header .nav>li:first-child>a:hover
	{
	border-radius: 4px 0 0 0;
	-webkit-border-radius: 4px 0 0 0;
}

.tab-right {
	height: 38px;
}

.card-header.tab-right .nav>li:first-child.active>a, .tab-right.card-header .nav>li:first-child>a:hover
	{
	border-radius: 0;
	-webkit-border-radius: 0;
}

.card-header.tab-right .nav>li:last-child.active>a, .tab-right.card-header .nav>li:last-child>a:hover
	{
	border-radius: 0 4px 0 0;
	-webkit-border-radius: 0 4px 0 0;
}

.card-header.tab-right .nav-tabs>li>a {
	margin-left: 1px;
	margin-right: 0px;
}

.m-bot20 {
	margin-bottom: 20px;
}

.m-bot-none {
	margin-bottom: 0;
}

.wht-color {
	color: #fff;
}

.close-sm {
	font-size: 14px;
}

/*form*/
.sm-input {
	width: 175px;
}

.round-input {
	border-radius: 500px;
	-webkit-border-radius: 500px;
}


/*slider*/
table.sliders tr td {
	padding: 30px 0;
	border: none;
}

.slider {
	margin-top: 3px;
}

.slider-info {
	padding-top: 10px;
}

.sliders .ui-widget-header {
	background: #22bacf !important;
	border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
}

/* jQuery UI slider overrides removed - using BS5 defaults */




/* Old datepicker/daterangepicker overrides removed */

/*widget*/
.user-heading.alt {
	display: inline-block;
	width: 100%;
	text-align: left;
}

.alt.green-bg {
	background: #aec785;
}

.profile-nav.alt.green-border ul>li>a:hover, .profile-nav.alt.green-border ul>li>a:focus,
	.profile-nav.alt.green-border ul li.active a {
	border-left: 5px solid #aec785;
}

.user-heading.alt a {
	float: left;
	margin-right: 15px;
	margin-left: -10px;
	display: inline-block;
	border: 5px solid rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.user-heading.alt a img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}



.btn-space {
	padding-left: 11.6%;
	padding-right: 11%;
}

.p-head {
	color: #f77b6f;
	font-weight: 400;
	font-size: 14px;
}

.cmt-head {
	font-weight: 400;
	font-size: 13px;
}

.p-thumb img {
	width: 50px;
	height: 50px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}


/*Timeline chat*/
.chat-form {
	margin-top: 25px;
	clear: both;
}

.chat-form .input-cont {
	margin-bottom: 10px;
}

.chat-form .input-cont input {
	margin-bottom: 0px;
}

.chat-form .input-cont input {
	border: 1px solid #d3d3d3 !important;
	margin-top: 0;
	min-height: 45px;
}

.chat-form .input-cont input {
	background-color: #fff !important;
}

.chat-features a {
	margin-left: 10px;
}

.chat-features a i {
	color: #d0d0d0;
}

.timeline-messages:before {
	background: rgba(0, 0, 0, 0.1);
	bottom: 0;
	top: 0;
	width: 2px;
}

.timeline-messages:before, .msg-time-chat:before, .msg-time-chat .text:before
	{
	content: "";
	left: 60px;
	position: absolute;
	top: -2px;
}

.timeline-messages, .msg-time-chat, .timeline-messages .msg-in,
	.timeline-messages .msg-out {
	position: relative;
}
.timeline-messages .msg-in .arrow {
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	left: -8px;
	position: absolute;
	top: 13px;
	width: 0;
}

.timeline-messages .msg-out .arrow {
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	left: -8px;
	position: absolute;
	top: 13px;
	width: 0;
}

.msg-time-chat:first-child:before {
	margin-top: 16px;
}

.msg-time-chat:before {
	background: #CCCCCC;
	border: 2px solid #FAFAFA;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	height: 14px;
	margin: 23px 0 0 -6px;
	width: 14px;
}

.msg-time-chat:hover:before {
	background: #41cac0;
}

.msg-time-chat:first-child {
	padding-top: 0;
}

.message-img {
	float: left;
	margin-right: 30px;
	overflow: hidden;
}

.message-img img {
	display: block;
	height: 44px;
	width: 44px;
}

.message-body {
	margin-left: 80px;
}

/*collapsible*/
.tools a {
	margin-left: 10px;
	/*color: #a7a7a7;*/
	font-size: 12px;
}

/* google maps */
.gmaps {
	height: 300px;
	width: 100%;
}

/* star rating */
.rating {
	unicode-bidi: bidi-override;
	direction: rtl;
	font-size: 30px;
}

.rating span.star, .rating span.star {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
}

.rating span.star:hover, .rating span.star:hover {
	cursor: pointer;
}

.rating span.star:before, .rating span.star:before {
	content: "\f006";
	padding-right: 5px;
	color: #BEC3C7;
}

.rating span.star:hover:before, .rating span.star:hover:before, .rating span.star:hover 
	~ span.star:before, .rating span.star:hover ~ span.star:before {
	content: "\f005";
	color: #41CAC0;
}

/*advanced table*/
.adv-table table tr td {
	padding: 10px;
}

.adv-table table.display thead th {
	border-bottom: 1px solid #DDDDDD;
	padding: 10px;
}

tr.odd.gradeA td.sorting_1, tr.odd td.sorting_1, tr.even.gradeA td.sorting_1
	{
	background: none;
}

td.details {
	background-color: #eee;
}

td.details table tr td, .dataTable tr:last-child {
	border: none;
}

.cke_chrome {
	border: none !important;
}

.editable-table .dataTables_filter {
	width: 80%;
}

tr.odd.gradeX td.sorting_1, tr.even.gradeX td.sorting_1, table.display tr.even.gradeX,
	table.display tr.gradeX, tr.even.gradeU td.sorting_1, tr.even td.sorting_1,
	table.display tr.even.gradeC, table.display tr.gradeC, tr.odd.gradeC td.sorting_1,
	table.display tr.even.gradeU, table.display tr.gradeU, tr.odd.gradeU td.sorting_1
	{
	background: none !important;
}

/*advanced form*/
.form-body {
	padding: 20px;
}

/*spinner*/
.spinner-buttons.btn-group-vertical .btn {
	height: 17px;
	margin: 0;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
	width: 22px;
}

.spinner-buttons.btn-group-vertical .btn i {
	margin-top: -3px;
}

.spinner-buttons.btn-group-vertical .btn:first-child {
	border-radius: 0 4px 0 0 !important;
	-webkit-border-radius: 0 4px 0 0 !important;
}

.spinner-buttons.btn-group-vertical .btn:last-child {
	border-radius: 0 0 4px !important;
	-webkit-border-radius: 0 0 4px !important;
}




#time {
	width: 100%;
	color: #fff;
	font-size: 60px;
	margin-bottom: 80px;
	display: inline-block;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}


.site-min-height {min-height: 900px;}

@media (min-width: 980px) {.custom-bar-chart{margin-bottom:40px;}}@media (min-width: 768px) and (max-width: 979px) {.mail-box .sm-side{width:30%;}.mail-box .lg-side{width:70%;}
.custom-bar-chart{margin-bottom:40px;}.chat-room aside{display:block;}.chat-room .left-side,.chat-room .mid-side,.chat-room .right-side,.chat-room .left-side footer{width:100%;}
.chat-room .left-side footer{position:relative;}ul.chat-user{margin-bottom:20px;}.chat-room .left-side,.chat-room .mid-side{margin-bottom:10px;}.chat-room .left-side .user-head,
.chat-room-head,.chat-room .right-side .user-head{border-radius:4px 4px 0 0;-webit-border-radius:4px 4px 0 0;}
.chat-room .left-side footer{border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;}
.chat-room .right-side .user-head{float:left;width:100%;}
.chat-room .mid-side footer{position:relative;float:left;width:100%;border-right:0;}
.chat-txt{width:65%;}.chat-room .right-side footer{width:100%;position:relative;}
.chat-room .mid-side{margin-bottom:0!important;}}@media (max-width: 768px) {.header{position:absolute;}tr.header {position:relative}

    .mail-info, .mail-info:hover {
        display: none !important;
    }
    /*---------*/
    .modal-footer .btn {
        margin-bottom: 0px !important;
    }

    .mail-box aside {
        display: block;
    }

    .mail-box .sm-side , .mail-box .lg-side{
        width: 100% ;
    }

    /* full calendar fix */
    .fc-header-right {
        left:25px;
        position: absolute;
    }

    .fc-header-left .fc-button {
        margin: 0px !important;
        top: -10px !important;
    }

    .fc-header-right .fc-button {
        margin: 0px !important;
        top: -50px !important;
    }

    .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
        background: none !important;
        color: #FFFFFF !important;
    }

    .fc-state-default, .fc-state-default .fc-button-inner {
        background: none !important;
    }

    .fc-button {
        border: none !important;
        margin-right: 2px;
    }

    .fc-view {
        top: 0px !important;
    }

    .fc-button .fc-button-inner {
        margin: 0px !important;
        padding: 2px !important;
        border: none !important;
        margin-right: 2px !important;
        background-color: #fafafa !important;
        background-image: -moz-linear-gradient(top, #fafafa, #efefef) !important;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)) !important;
        background-image: -webkit-linear-gradient(top, #fafafa, #efefef) !important;
        background-image: -o-linear-gradient(top, #fafafa, #efefef) !important;
        background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0) !important;
        -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !important;
        color: #646464 !important;
        border: 1px solid #ddd !important;
        text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
        text-align: center;
    }

    .fc-button.fc-state-disabled .fc-button-inner {
        color: #bcbbbb !important;
    }

    .fc-button.fc-state-active .fc-button-inner {
        background-color: #e5e4e4 !important;
        background-image: -moz-linear-gradient(top, #e5e4e4, #dddcdc) !important;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e4e4), to(#dddcdc)) !important;
        background-image: -webkit-linear-gradient(top, #e5e4e4, #dddcdc) !important;
        background-image: -o-linear-gradient(top, #e5e4e4, #dddcdc) !important;
        background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4', endColorstr='#dddcdc', GradientType=0) !important;
    }

    .fc-content {
        margin-top: 50px;
    }

    .fc-header-title h2 {
        line-height: 40px !important;
        font-size: 12px !important;
    }

    .fc-header {
        margin-bottom:0px !important;
    }

    .timeline-desk .album a {
        margin-bottom: 5px;
        margin-right: 4px;
    }

    .stepy-titles li {
        margin: 10px 3px;
    }

    .mail-option .btn {
        margin-bottom: 0;
    }

    .boxed-page .container #sidebar {
        position:absolute;
    }

    /*--horizontal menu--*/
    .full-width .navbar-toggle {
        border: 1px solid #eaeaea;
    }
    .full-width .navbar-toggle .icon-bar {
        background: #c7c7c7;
    }

    .full-width .navbar-toggle {
        float: left;
        margin-top: 12px;
    }

    .horizontal-menu {
        float: left;
        margin-left:0px;
        width: 70%;
        margin-top: 10px;
    }
    .top-nav {
        position: absolute;
        right: 10px;
        top: 0px;
    }
    .horizontal-menu .navbar-nav > li > a {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .custom-bar-chart {
        margin-bottom: 40px;
    }
    .img-responsive {
        width: 100%;
    }

}



@media (max-width: 480px) {

   .search, .dont-show , .inbox-head .sr-input, .inbox-head .sr-btn{
        display: none;
    }

    .mail-box aside {
        display: block;
    }

    .mail-box .sm-side , .mail-box .lg-side{
        width: 100% ;
    }

    #top_menu .nav > li, ul.top-menu > li {
        float: right;
    }
    .hidden-phone {
        display: none !important;
    }

    .dataTables_filter {
        float: left;
    }

    .dataTables_info {
        margin-bottom: 10px;
    }

    .mail-option .btn {
        margin-bottom: 0;
    }


    .chart-position {
       margin-top: 0px;
     }
    /*--horizontal menu--*/
    .full-width .navbar-toggle {
        border: 1px solid #eaeaea;
    }
    .full-width .navbar-toggle .icon-bar {
        background: #c7c7c7;
    }

    .full-width .navbar-toggle {
        float: left;
        margin-top: 12px;
    }

    .horizontal-menu {
        float: left;
        margin-left:0px;
        width: 100%;
    }

    .top-nav {
        position: absolute;
        right: 10px;
        top: 0px;
    }

    .horizontal-menu .navbar-nav > li > a {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .ms-container {
        width: 100%;
    }

    .cmt-form {
        display: inline-block;
        width: 84%;
    }

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: #ccc;
        border-color:#ccc ;
    }

    /*chat room*/

    .chat-room aside {
        display: block;
    }
    .chat-room .left-side, .chat-room .mid-side, .chat-room .right-side, .chat-room .left-side footer {
        width: 100%;
    }

    .chat-room .left-side footer {
        position: relative;
    }

    ul.chat-user {
        margin-bottom: 20px;
    }

    .chat-room .left-side , .chat-room .mid-side{
        margin-bottom: 10px;

    }

    .chat-room .left-side .user-head , .chat-room-head, .chat-room .right-side .user-head{
        border-radius: 4px 4px 0 0;
        -webit-border-radius: 4px 4px 0 0;
    }
    .chat-room .left-side footer {
        border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
    }

    /**/
    .chat-room .right-side .user-head {
        width: 100%;
        float: left;
    }

    .chat-room .mid-side footer {
        position: relative;
        float: left;
        width: 100%;
        border-right: 0;
    }

    .chat-txt {
        width: 65%;
    }

    .chat-room .right-side footer {
        width: 100%;
        position: relative;
    }

    .chat-room .mid-side {
        margin-bottom: 0!important;
    }
}

@media (max-width:320px) {
    .login-social-link a {
        padding: 15px 17px !important;
    }

    .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn {
        display: none;
    }

    .mail-box aside {
        display: block ;
    }

    .mail-box .sm-side , .mail-box .lg-side{
        width: 100% ;
    }

    #top_menu .nav > li, ul.top-menu > li {
        float: right;
    }

    .hidden-phone {
        display: none !important;
    }

    .dataTables_filter {
        float: left;
    }

    .dataTables_info {
        margin-bottom: 10px;
    }

    .mail-option .btn {
        margin-bottom: 0;
    }

    .mail-option .inbox-pagination {
        margin-top: 10px;
        float: left;
    }

    .chart-position {
        margin-top: 0px;
    }

    .lock-wrapper {
        margin: 10% auto;
        max-width: 310px;
    }
    .lock-input {
        width: 82%;
    }

    .cmt-form {
        display: inline-block;
        width: 75%;
    }

    .chat-room .mid-side footer .btn-group {
        display: none;
    }

    .stepy-titles li.current-step div, .stepy-titles li div {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
}