body, html{width: 100%;}
select::-ms-expand {display: none;}
.select2-container{
	width: 100% !important;
	padding: 0px;
	margin: 0px;
}
body {
	overflow-x: hidden;
}
.assign-worker{
	text-align: center;
}
.assign-worker > div {
	max-width: 250px;
	text-align: left;
	margin-right: 10px;
}
.table thead:first-child th {
	border-top: 1px solid #e4eaec;
}
.intl-tel-input .country-list{
	z-index: 9999 !important;
	width: 265px;
}

.select2-container .select2-choice{
	border: none;
	height: 34px;
	border-radius: 0;
	background: #fff;
}

.select2-container .select2-choice .select2-arrow{
	border: none;
	background: none !important;
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices{
	border: none;
	background: #fff;
}

.select2-results .select2-highlighted{
	background: #3e8ef7;
}

.select2-drop.select2-drop-above.select2-drop-active{
	border-color: #3e8ef7;
}

.site-menu-title{
	white-space: normal;
	line-height: 22px;
	display: block;
}
.site-skintools .site-skintools-toggle{display: none;}
.site-navbar .navbar-header .navbar-brand{
	background-color: #fff;
	padding: 0.30rem 2.5rem;
	text-align: center;
}
.site-navbar .navbar-header .navbar-brand-logo {
	height: 58px;
	margin-top: 0;
}
.badge-Active{background-color: #28a745;}
.badge-Deleted{background-color: #dc3545;}
.badge-Inactive{background-color: #17a2b8;}
.badge-Active,.badge-Deleted,.badge-Inactive{width: 50px; text-align: center; padding-top: 4px;padding-bottom: 4px}
.page-login-v2 .page-login-main{
	padding: 80px 40px 150px;
}
.page-login-v2.page-dark.layout-full:after{background: none;}
.page-login-v2 .page-brand-info{display: none;}
.site-menu>.site-menu-item>.site-menu-sub .site-menu-item>a {
	padding: 15px 20px;
}
.ui-tooltip{max-width: 100%; left: 0 !important;}
.remove-upload{position: absolute; right: 5px; top: -15px;}
.edit-upload{position: absolute; left: 5px; top: -15px;}
.uploaded-gallery .pb-5 {padding-bottom: 25px!important;}
.uploaded-gallery .pb-5 .img-fluid{ width: 100%;height: 130px;}
.navbar > .container-fluid, .navbar > .containers{-ms-flex: 0 0 80%;}
.button {
	-moz-appearance: button;
	/* Firefox */
	-webkit-appearance: button;
	/* Safari and Chrome */
	padding: 10px;
	margin: 10px;
	width: 70px;
}
.drop-box {
	background: #F8F8F8;
	border: 5px dashed #DDD;
	width: 100%;
	height: 65px;
	text-align: center;
	padding-top: 25px;
	margin: 10px;
}
.dragover {
	border: 5px dashed blue;
}
.form-material select.form-control{-webkit-appearance: menulist;}
.dashboard .card{height: auto;}
.input-dob{border: 1px solid #e4eaec; border-radius: 5px; overflow: hidden;}
.input-dob.is-invalid{border-color:#ff4c52;}
.input-dob .input-group-addon{border: none;}
.file-input-name{
	display: flex;
	width: 100%;
	border: 1px solid #e4eaec;
	border-radius: 5px 0 0 5px;
	padding: 6px 10px;
	color: #aeaeae;
}
.input-dob .form-control{border: none;}
.dashboard .table.floatThead-table td, .dashboard .table.floatThead-table th{min-width: 135px;}
.dashboard .table.dashboard-spcl-table td,.dashboard .table.dashboard-spcl-table th{min-width: inherit}
img{max-width: 100%;}
.dashboard .drop-box{padding-top: 0; line-height: 55px;width: 100%; float: left;margin: 0}
.dashboard .card-block{padding:10px }
.dashboard .page-content , .dashboard .page-header{padding: 10px 20px;}
.dashboard .page-content > .page-content {padding:0 }
.dashboard .site-footer-legal{float: none;display: table;margin: 0 auto;}
.table{overflow-x: scroll;}
/*15 june 2018*/
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{opacity: 0.6}
.custom-flog-container{width: 75px; height: 36px; line-height: 33px;z-index: 15;background: #e4eaec; display: block !important;padding-right: 10px}
.custom-flog-container .iti-flag.in{display: inline-block;margin: 0 5px 0 10px;vertical-align: middle;opacity: 0.8}
.custom-dropdown-change .flag-container{
	display: none;
	right: inherit !important;
	left: 0!important;
	top: 1px!important;
	left: 1px !important;
	bottom: 1px!important;
	height: 34px;
}
.custom-dropdown-change.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel]{padding-left: 80px;width: 100%;}
.select2-results > li:first-child{min-height: 1px}
.add-section a{ 
	width: 35px;
	height: 35px;
	border-radius: 50%;
	line-height: 35px;text-align: center;background-color:#fff !important; border: 1px solid #247cf0 !important;transition: all ease 0.3s;padding: 0;overflow: hidden;  perspective: 1px;-webkit-appearance: none
	; margin: 0 3px;
}
.add-section a i{ color: #247cf0;}
.add-section a:hover{background-color:#247cf0 !important; }
.add-section a:hover i{color: #fff;}
.add-section span{width: 35px; height: 35px;border: 1px solid #247cf0;display: inline-block;vertical-align: middle;margin: 0 3px;}
.custom-input-group-file{ border: 1px solid #e4eaec; height: 36px; border-radius: 5px;}
.custom-input-group-file >.input-group-btn{position: absolute;right: 0;max-height: 34px; }
.loader-overlay-01 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	width: 100%;
	height: 100%;
	background: #5abee4;
}
.loader-content-01 {
	margin: 50vh auto 0;
	text-align: center;
	text-transform: uppercase;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.loader-index-01 {
	margin-top: 20px;
}
.loader-index-01>div:nth-child(1), .loader-index-01>div:nth-child(5) {
	-webkit-animation-delay: -.4s!important;
	-o-animation-delay: -.4s!important;
	animation-delay: -.4s!important;
}
.loader-index-01>div:nth-child(2), .loader-index-01>div:nth-child(4) {
	-webkit-animation-delay: -.6s!important;
	-o-animation-delay: -.6s!important;
	animation-delay: -.6s!important;
}
.loader-index-01>div {
	display: inline-block;
	width: 4px;
	height: 25px;
	margin: 2px;
	background: #fff;
	border-radius: 2px;
	-webkit-animation: loader-index .9s -.8s infinite cubic-bezier(.85,.25,.37,.85);
	-o-animation: loader-index .9s -.8s infinite cubic-bezier(.85,.25,.37,.85);
	animation: loader-index .9s -.8s infinite cubic-bezier(.85,.25,.37,.85);
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.loader-index>div:nth-child(6) {
	-webkit-animation-delay: -.2s!important;
	-o-animation-delay: -.2s!important;
	animation-delay: -.2s!important;
}
span.createdby{display:block; text-align: center; margin: 10px 0; color: #333}
span.createdby strong{color:#5abee4; font-weight: 500}
.upload-poster-page{margin-left:0}  
.upload-poster-close i{color: #000; font-size: 14px} 
/*10 july  */
.btn-green{background-color:transparent;border: 1px solid  #5abee4;color: #5abee4;}
.btn-green:hover{background: #5abee4; color: #fff}
.btn-blank{background: transparent;border: 1px solid #247cf0;color: #247cf0}
.example-wrap .input-group{padding-right: 15px;}
.example-wrap .input-group:last-child{padding-right: 0}
.datepicker table tr td.today, .datepicker table tr td.day:hover, .datepicker table tr td.focused,
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover,
.datepicker tfoot tr th:hover{color: #fff; background:#247cf0; }
.input-daterange .input-group-addon{background:grey;border:1px solid  grey;color: #fff}
.input-daterange .input-group:last-child .input-group-addon{border-left-width: 1px;border-top-left-radius:2px;border-bottom-left-radius: 2px;}
.input-daterange .input-group input{text-align: left}
.input-daterange .input-group input:focus{background: rgba(36, 124, 240,0.05)}
.datepicker table tr td.active.highlighted:not([disabled]):not(.disabled):active,
.datepicker table tr td.active:not([disabled]):not(.disabled).active{
	color: #fff;
	background-color: #000;-webkit-box-shadow: none !important; box-shadow: none !important;
}
.birthday-range .example-wrap{margin-bottom: 20px;}
.pagination-drop,.pagination-drop:focus{height: 42px;background:transparent; border: 1px solid #e4eaec; color: #76838f;max-width:50px;font-size: 12px;box-shadow: none;outline: 0}
.pagination-wrap .pagination-drop ,.pagination-wrap .example{float: right;margin: 0 0 0 15px;}
.example-wrap .pagination-drop {padding: 0 10px;max-width:90px;}

/*9Th October Updates */
#add-email-templates{
	max-width: 980px;
	height: auto;
	margin: 120px auto;
}
#add-email-templates .jqte_editor img{float: inherit}
#add-email-templates .jqte_tool.jqte_tool_1 .jqte_tool_label{
	height: auto;max-height: 24px;line-height: 16px;
}

#add-email-templates .modal-header{
	padding: 15px 20px; 
	text-transform: uppercase;
	color: #333;
}
#add-email-templates .close{
	width: 30px;
	height: 30PX;

}

#add-email-templates .close:focus{
	outline: none;
}
#toggle-tooltip{ 
	float:left; margin-top:10px;padding:4px 10px
}
#add-email-templates  .title-section{
	width: 100%;
	max-width: 420px;
	float: left;
}
#add-email-templates  .title-section.ds-upload-title-sec{max-width:100%}
#add-email-templates  .title-section span.template{float: left; min-width: 120px;font-size: 14px;color: #333;min-height: 30px;line-height:30px;}
#add-email-templates  .title-section input{float: left;width:calc(100% - 125px);min-height:30px;padding: 0 10px;border:1px solid #e4eaec; border-radius:3px;max-height: 30px;}
#add-email-templates  .title-section input[type="submit"]{width:calc(100% - 80% );}
#add-email-templates  .title-section input:focus{outline: none}
#add-email-templates .jqte{float: left; width: 100%;margin: 15px 0 0; box-shadow: none !important;outline: none !important; border: 1px solid #999 }

.switch-card-block{
	float: right;
	width: calc(100% - 430px);
	max-height: 30px;  
	line-height: 30px;
	text-align: right
}


.switch {
	position: relative;
	display: inline-block;
	width: 55px;
	height: 28px;
	margin-bottom: 0px;
	top: 0px;
	vertical-align: middle


}
.switch-card-block span.checkbox-text{
	display: inline-block; margin: 0 5px;vertical-align: middle
}
.switch input {display:none;}

.switch-checkbox {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch-checkbox:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 2px;
	bottom: 1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .switch-checkbox {
	background-color: #2196F3;
}

input:focus + .switch-checkbox {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .switch-checkbox:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.switch-checkbox.round {
	border-radius: 34px;
}

.switch-checkbox.round:before {
	border-radius: 50%;
}
.add-title-section{display: block;}
.add-template-section{
	float:left;width: 50%;margin-top: 10px;
}
.add-template-section.ds-add-template-section{width:100%;}
.title-section .input-group.input-group-file{
	max-height: 30px;

}
#add-email-templates .title-section .input-group.input-group-file input{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#add-email-templates .input-group-btn{max-height: 30px; line-height: 30px;}
#add-email-templates .input-group-btn span{padding: 0 5px;}


#add-email-templates  .nav-link{
	padding: 5px 15px;font-size: 12px;
}
#add-email-templates #blocks-images{
	float: left;
	width: 100%;
	margin-top: 20px;
}
#add-email-templates #blocks-images li{width:25%;margin-bottom: 10px;}
#add-email-templates #blocks-images li  .card-block{
	padding: 10px 0;

}
#add-email-templates #blocks-images li  .card-block input[type="text"]{display:block; width:100%;border: none; margin-bottom:5px;}
#add-email-templates #blocks-images li  .card-block input[type="text"]:focus{outline:none}

#add-email-templates #blocks-images li button{padding: 5px 15px;font-size: 12px;}
#add-email-templates #blocks-images li button.btn-danger{float: right}
.ds-pagination{width:100%;}


table.category-table tr{
	cursor: pointer;
}
.unread-comment span {
	background-color: #dc3545;
	padding: 5px 10px;
	border-radius: 50%;
	color: #fff;
}
tr.unread-row {
	background-color: rgba(220, 53, 69, 0.1);
}
.category-table tr td:first-child, .category-table tr th:first-child{
	text-align: center;
}
.card.card-shadow.disable .card-img-top{
	opacity: 0.5;
}
.delete-btn{
	float: right;
}
.card-block .switchery{
	margin-top: -3px;
}
span.checkbox-text {
	padding-left: 8px;
	display: inline-block;
	font-size: 15px;
	padding-top: 7px;
	top: -4px;
	position: relative;
}
.css-menubar .site-menu-item.has-sub:hover>.site-menu-sub{background: #fff !important;bottom: 0;top: inherit;} 
.card.card-shadow.disable .overlay-hover:hover .overlay-scale{
	transform: none;
}
.page-header .page-title{
	margin-bottom: 10px;
	min-height:20px;
}
.ribbon{
	width: 250px;
	height: auto;
}
.switch {
	position: relative;
	display: inline-block;
	width: 55px;
	height: 28px;
	margin-bottom: 0px;
	top: 4px;
}

.switch input {display:none;}

.switch-checkbox {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch-checkbox:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 2px;
	bottom: 1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .switch-checkbox {
	background-color: #2196F3;
}

input:focus + .switch-checkbox {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .switch-checkbox:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.switch-checkbox.round {
	border-radius: 34px;
}

.switch-checkbox.round:before {
	border-radius: 50%;
}
.card-img-top {
	min-height: 220px;
	max-height: 220px;
	display: flex;
	align-items: center;
}
/*added on 3 july*/
.birthday-card-page{display: block;}
.birthday-card-page h1{margin-bottom: 10px;text-transform: capitalize;}
.birthday-card-page .panel-body h4{font-size: 16px;text-transform: capitalize;line-height: 22px;}
.birthday-card-page .example{margin: 0;width: 100%; display: inline-block;vertical-align: middle;}
.birthday-card-page  .text_date{display: inline-block;margin: 7px 0 0 0;text-transform: capitalize;width: 40px;float: left;text-align: center;}
.birthday-card-page .example .input-group{width: calc(100% - 50px );float: right;}
.btn-blue{background: transparent;border: 1px solid #3e8ef7; color: #3e8ef7;}
.btn-blue:hover{background: #3e8ef7;; color: #fff}
.birthday-card-page .pagination{justify-content: flex-end} 
.birthday-table th:last-child,.birthday-table td:last-child{text-align: right;}
.birthday-table td{vertical-align: middle;}
.greet-card{margin-bottom: 30px;position: relative;}
.modal-dialog{max-width: 780px;margin: 75px auto 50px;}
.greet-card img{max-width: 100%;cursor: pointer; max-height: 300px;padding: 25px;box-shadow: 0px 0px 5px #efefef;}
.greet-card img.active{opacity: 0.8}
.greet-card .overlay{position: absolute;left: 0; right: 0; bottom: 0;top: 0;background: rgba(0,0,0,0.6);transition: all ease 0.6s;}
.greet-card .overlay span{width: 40px;height: 40px;border: 2px solid #fff;text-align: center;top:50%;left:50%;transform: translate(-50%,-50%);border-radius: 50%;position: absolute;font-size: 20px;color: #fff;line-height: 40px;}a
.greet-card .overlay span i{color: #fff;}
.birthday-card-page .modal-header{margin-bottom: 20px;}
.modal-center{height: auto;}
.print-options button{margin-right: 5px;}
.btn-default:hover{background-color: #e4eaec}
#eventtitle  .example-wrap{margin: 0}
#eventtitle  .example{margin-top: 0}
#eventtitle   .example-wrap .input-group:last-child{padding-right: 15px;}
.input-group-btn:first-child>.btn+.btn{margin-left: 3px;}
/*8 August*/
.document-file-types{display:block;margin-bottom: 10px;}
.document-file-types span{font-size: 50px;}
.page-title{line-height:35px;position: relative;padding-left:70px;}
.dashboard .page-header{overflow:hidden}
.page-title{
	padding-left:0;
}
.page-title > a{
	position: absolute;
	left:0;
}
/*popup edit greet card*/
#add-email-templates{
	max-width: 700px;
	height: auto;
	margin: 120px auto;
}
#add-email-templates .jqte_editor img{float: inherit}
#add-email-templates .jqte_tool.jqte_tool_1 .jqte_tool_label{
	height: auto;max-height: 24px;line-height: 16px;
}

#add-email-templates .modal-header{
	padding: 15px 20px; 
	text-transform: uppercase;
	color: #333;
}
#add-email-templates .close{
	width: 30px;
	height: 30PX;
}
#add-email-templates .close:focus{
	outline: none;
}
#add-email-templates  .title-section{
	width: 100%;
	max-width: 320px;
	float: left;
	position; relative;

}
#add-email-templates  .title-section .invalid-feedback{position; absolute;bottom: 0; left: 125px;position: relative}
#add-email-templates  .title-section span.template{float: left; min-width: 120px;font-size: 14px;color: #333;min-height: 30px;line-height:30px;}
#add-email-templates  .title-section input{float: right;width:calc(100% - 125px);min-height:30px;padding: 0 10px;border:1px solid #e4eaec; border-radius:3px;max-height: 30px;}
#add-email-templates  .title-section input:focus{outline: none}
#add-email-templates .jqte{float: left; width: 100%;margin: 25px 0 0; box-shadow: none !important;outline: none !important; border: 1px solid #999 }

.switch-card-block{
	float: right;
	width: calc(100% - 330px);
	max-height: 30px;  
	line-height: 30px;
	text-align: right
}


.switch {
	position: relative;
	display: inline-block;
	width: 55px;
	height: 28px;
	margin-bottom: 0px;
	top: 0px;
	vertical-align: middle


}
.switch-card-block span.checkbox-text{
	display: inline-block; margin: 0 5px;vertical-align: middle
}
.switch input {display:none;}

.page-header-actions{
	top: inherit;
	bottom: 0;
}
.switch-checkbox {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch-checkbox:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 2px;
	bottom: 1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .switch-checkbox {
	background-color: #2196F3;
}

input:focus + .switch-checkbox {
	box-shadow: 0 0 1px #2196F3;
}

.ds-video-thumb{position: relative;}
.ds-video-thumb::before{
	content: "\f01d";
	position: absolute;
	font-family: 'FontAwesome';
	font-size: 60px;
	color: rgba(255, 255, 255, 0.8);
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
input:checked + .switch-checkbox:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.switch-checkbox.round {
	border-radius: 34px;
}

.switch-checkbox.round:before {
	border-radius: 50%;
}
.add-title-section{display: block;height:auto;float:left; width: 100%;}
.add-template-section{
	float:left;width: 50%;margin-top: 10px;
}
.title-section .input-group.input-group-file{
	max-height: 30px;
}
.ds-video-thumb:hover::before{
	color: rgba(255, 255, 255, 1);  
}
#add-email-templates .title-section .input-group.input-group-file input{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#add-email-templates .input-group-btn{max-height: 30px; line-height: 30px;}
#add-email-templates .input-group-btn span{padding: 0 5px;}
#add-email-templates .error-msg{
	font-size: 12px;color:#f00;left: 120px;position:relative;
}
#add-email-templates .error-msg.error2{
	left:0;
}

/*added on 9th of October*/
#add-email-templates .title-section{max-width: 420px;}

/*added on 20th jan 2020*/

.preview-data-img {
	border: 1px solid #eee;
	border-radius: 10px;
	width: 100%;
	max-width: 320px;
	background: #eee;
	overflow: hidden;
}

.preview-data-img .img-responsive {  
	border-radius: 10px;
}

.preview-data-img-sm {
	border: 1px solid #eee;
	border-radius: 10px;
	width: 100%;
	max-width: 75px;
	background: #eee;
	overflow: hidden;
}

.preview-data-img .img-responsive {  
	border-radius: 10px;
}

.preview-data-title {
	font-size: 14px;
	margin-top: 0;
}

.preview-data-description{
	color: #000;
	font-size: 14px;
}

.linkable{
	cursor: pointer;
}


/* Style the list */
ul.breadcrumb {
	padding: 8px 12px;
	list-style: none;
	background-color: #eee;
}

/* Display list items side by side */
ul.breadcrumb li {
	display: inline;
	font-size: 14px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
	padding: 8px;
	color: black;
	content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
	color: #0275d8;
	text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
	color: #01447e;
	text-decoration: underline;
}

.table>tbody>tr>td{
	vertical-align: middle !important;
}



/*media queries*/
@media(max-width: 1199px){
	.dashboard .table.floatThead-table td, .table.floatThead-table th{font-size: 14px;}


}
@media(max-width: 991px){
	.page-login-v2 .page-login-main{padding: 20px 20px 150px;}
	.page-login-v2 form{margin: 20px 0}
	.page-login-v2 form>button{margin-top: 20px;}
	#widgetLinepointDate{min-height: 1px;}
	#widgetLinepointDate .ct-chart{display: none;}
	.dashboard .page-title{font-size: 20px;}
	.dashboard .page-content .panel-body ,.dashboard .card .card-body{padding:0;}
	#exampleTabsLineOne table th,.dashboard .table td,.dashboard .table th{min-width: 135px}
	button[data-target='#site-navbar-search']{display: none;}
	.site-menu-title{font-size: 13px; line-height: 18px;}
	.site-menu-icon{font-size: 18px;}
	.dashboard .row-lg{margin-right: -15px;margin-left: -15px;}
	.dashboard .page-content .panel-body{padding: 10px;}
	.pagination-wrap .pagination-drop ,.pagination-wrap .example{float: none;width: 100%; display: block;margin: 10px 0;}
	.pagination-wrap .example ul{display: block}
	.pagination-wrap .example ul li{display: inline-block; font-size:12px; }
	.pagination-wrap .example ul li a{padding: 5px 8px}
	.pagination-wrap {margin-top: 15px;}
	.pagination-wrap .pagination-drop{height: 30px;}
}
@media (max-width: 767px){
	.dashboard .table.floatThead-table td, .table.floatThead-table th{font-size: 12px;}
	.dashboard .form-material{width: 33.33%;float: left;}
	.dashboard .panel-body .comments h3 {font-size: 18px;}
	.dashboard .card{margin-bottom: 10px;}
	.site-menubar{width: 100px;}
	.birthday-range .example-wrap{margin-bottom: 0;}
	.example-wrap .input-group{width: 100%;padding-right: 0;margin-bottom: 10px;}
	.from-date .example,.example-wrap .example{margin: 10px 0;}
	.from-date .example{text-align: center}
	.print-options{padding: 0 10px;}
	.print-options button,.print-options a,.dashboard .table td button{padding: 5px 10px;font-size:12px; }
	.pagination-wrap {padding: 0 10px;}
}
@media(max-width: 479px){
	.page-login-v2 .page-login-main .brand{margin-bottom: 30px;}
	.page-login-v2 .page-login-main .brand-text{display: block; margin: 11px 0;font-size: 35px !important; }
	.dashboard .card{margin-bottom: 15px;}
	.dashboard .card .card-block .card-title{font-size: 18px;}
	.dashboard .card-title .card-header-actions span{font-size: 18px !important;}
	.counter .counter-number-group, .counter>.counter-number{font-size: 16px;}
	.dashboard .page-content{padding: 0 15px;}
	.dashboard .form-material{width: 100%;}
	.dashboard .media>div:first-child{width: 100%;}
	.comment{padding:10px 0 }
	.dashboard .panel{margin-bottom: 0}
	.page-header-actions {position: relative; top: inherit; right: 0; margin: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);transform: translateY(0); }
	.dashboard .drop-box{font-size: 12px;}
	.dashboard .panel-title{padding: 0 20px 15px;}
}