/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6.1.1
*/

/*wp-file download plugin css*/
.wpfd-content-table h2 {
    color: #2d2d3d !important;

}
.wpfd-content-table .wpfd-table-bordered thead:first-child tr:first-child th {
	font-size: 14px;
    font-weight: bold;
	color: #5f6d78;
	}
.wpfd-content-table .wpfd-table-bordered td {
	color: #2d2d3d !important;
    font-size: 14px;
	}
.wpfd-content .openlink {
    border: 1px solid #000;
	}
.wpfd-content-table .wpfd-table-bordered {
    border-collapse: collapse !important;
}
.wpfd-content-table .wpfd-table-bordered td.file_title > a.wpfd_downloadlink {
    color: #2d2d3d;
}

.margin-bottom-15{
	margin-bottom:15px;
}

/* Theme customization starts here
-------------------------------------------------------------- */

.column_column ul li,
.column_visual ul li,
.mfn-acc ul li,
.ui-tabs-panel ul li,
.the_content_wrapper ul li {
    list-style: outside none none;
}


.red {
    color: #ff2121;
}

.ctm-nav ul {
    margin: 0px;
}

.margin0 {margin: 0px !important;}
.margin-t0 {margin-top: 0px !important;}
.margin-b0 {margin-bottom: 0px !important;}
.margin-r0 {margin-right: 0px !important;}
.margin-l0 {margin-left: 0px !important;}
.box-back {
    background-color: #f9f9f9;
    padding: 10px;
}

.qtitle-ctm {
    width: 100%;
    margin-bottom: 5px;
    display: block;
    font-weight: 700 !important;
    font-size: 12px;
    letter-spacing: 1px;
    color: #5f6d78;
}

.border-bottom {
    border-bottom: 1px solid #dadee0;
}

.text-area {
    padding-bottom: 7px;
    display: block;
    margin-bottom: 5px;
}

.title-ctm {
    width: 100%;
    margin-bottom: 5px;
    display: block;
    font-weight: 700 !important;
    font-size: 12px;
    letter-spacing: 1px;
    color: #5f6d78;
}

.text-area p {
    margin: 0px;
    text-align: justify;
}

.top-services {
    width: 100%;
    display: block;
}

.top-services a.content_link .icon {
    display: block;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 2px;
}

.top-services .icon i {
    font-size: 20px;
    line-height: normal;
}

.top-services a.content_link {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    margin: 0px 0 0px -5px;
    padding: 7px 18px;
    position: relative;
    text-align: center;
    width: 170px;
}

a.content_link.active::after {
    opacity: 100;
}

a.content_link.active::before {
    opacity: 100;
}

a.content_link.active {
    background-image: url("images/stripes/stripes_3_b.png");
    text-decoration: none;
}

a.content_link .title {
    line-height: normal !important;
    font-size: 11.2px !important;
}

.dropcap {
    font-size: 13px !important;
    height: 21px !important;
    line-height: 21px !important;
    margin: 0 5px 0px 0 !important;
}


/* --- material floating label --- */

.form-group-floating {
    display: flex;
    height: auto;
}

.form-control-floating {
    height: 50px !important;
    width: 100%;
}

.control-label-floating {
    font-size: 16px;
    font-weight: 400;
    opacity: 0.4;
    pointer-events: none;
    position: absolute;
    transform: translate3d(7px, 13px, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
}

.form-group-floating.focused .control-label-floating {
    opacity: 1;
    transform: scale(0.70);
    padding-left: 10px;
}

.form-control-floating {
    align-self: flex-end;
    padding: 20px 5px 5px 10px !important;
}

.form-control-floating::-webkit-input-placeholder {
    color: transparent;
    transition: 240ms;
}

.form-control-floating:focus::-webkit-input-placeholder {
    transition: none;
}

.form-group-floating.focused .form-control-floating::-webkit-input-placeholder {
    color: #bbb;
}

.form-group-floating input[type="date"]:focus,
.form-group-floating input[type="email"]:focus,
.form-group-floating input[type="number"]:focus,
.form-group-floating input[type="password"]:focus,
.form-group-floating input[type="search"]:focus,
.form-group-floating input[type="tel"]:focus,
.form-group-floating input[type="text"]:focus,
.form-group-floating input[type="url"]:focus,
.form-group-floating select:focus,
.form-group-floating textarea:focus {
    background-color: #ffffff !important;
    border-color: none;
    color: #2d2d3d;
}


/*form-group custom*/

.form-group-ctm {
    width: 100%;
    background: #ffffff;
    padding: 2px 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
	position: relative;
}

.form-group-ctm .control-label-ctm {
    width: 100%;
    margin-bottom: 0px;
    display: block;
    font-weight: 700 !important;
    font-size: inherit;
    letter-spacing: 1px;
    color: #552185;
}

.control-label-ctm .red {
    color: #ff2121;
    float: right;
}

.form-group-ctm .form-control-ctm {
    width: 100%;
    border: 1px solid #ffffff !important;
    box-shadow: none;
    padding: 2px 3px 1px 0;
    margin: 0px;
}

.form-control-ctm option {
    width: 100%;
    border: 1px solid #ffffff !important;
    box-shadow: none;
    padding: 0px 3px 0px 3px;
    margin: 0px;
    background: #ffffff;
}

.input-group-icon-ctm {
	position: absolute;
	width: 21px;
	height: 21px;
	background-color: #00AABB;
	bottom: 11px;
	right: 11px;
	cursor: pointer;
}

/*start of arrow design*/


/*.form-group-ctm select {	
	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, #ccc, #ccc);		
	background-position:
		calc(100% - 7px) calc(1em + 2px),
		calc(100% - 0px) calc(1em + 2px),
		calc(100% - 2.5em) 0.5em;	
	background-size:
		7px 7px,
		7px 7px,
		1px 0em;  
	background-repeat: no-repeat;
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none; 
}
.form-group-ctm select::-ms-expand {
   display:none;
}
.form-group-ctm select:focus {	
	background-image:
		linear-gradient(45deg, gray 50%, transparent 50%),
		linear-gradient(135deg, transparent 50%, gray 50%),
		linear-gradient(to right, #ccc, #ccc);
	background-position:
		calc(100% - 0px) 1em,
		calc(100% - 7px) 1em,
		calc(100% - 2.5em) 0.5em;
	background-size:
		7px 7px,
		7px 7px,
		1px 0em;
	background-repeat: no-repeat;
	border-color: gray;
	outline: 0;
}*/


/*end arrow design*/

.form-group-ctm input[type="date"]:focus,
.form-group-ctm input[type="email"]:focus,
.form-group-ctm input[type="number"]:focus,
.form-group-ctm input[type="password"]:focus,
.form-group-ctm input[type="search"]:focus,
.form-group-ctm input[type="tel"]:focus,
.form-group-ctm input[type="text"]:focus,
.form-group-ctm input[type="url"]:focus,
.form-group-ctm select:focus,
.form-group-ctm option:focus,
.form-group-ctm textarea:focus {
    border-color: none;
    color: #2d2d3d;
    background-color: #ffffff !important;
}

.form-group-ctm input::-webkit-input-placeholder {
    color: #a6a6a6;
}

.form-group-ctm input:-moz-placeholder {
    color: #a6a6a6;
}

.form-group-ctm input::-moz-placeholder {
    color: #a6a6a6;
}

.form-group-ctm input:-ms-input-placeholder {
    color: #a6a6a6;
}

.form-group-ctm textarea::-webkit-input-placeholder {
    color: #a6a6a6;
}

.form-group-ctm textarea:-moz-placeholder {
    color: #a6a6a6;
}

.form-group-ctm textarea::-moz-placeholder {
    color: #a6a6a6;
}

.form-group-ctm textarea:-ms-input-placeholder {
    color: #a6a6a6;
}

.form-group-ctm .disabled {
    background: #eeeeee !important;
    border: 1px solid #eeeeee !important;
}

.form-group-ctm input.disabled:focus,
.form-group-ctm select.disabled:focus,
.form-group-ctm textarea.disabled:focus {
    background: #eeeeee !important;
    border: 1px solid #eeeeee !important;
}

.form-group-dataTable {
    background: #ffffff;
    border: 1px solid #ededed;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
}

.form-group-dataTable input {
    width: 100%;
    border: 1px solid #ffffff !important;
    box-shadow: none;
    padding: 1px 3px 1px 3px;
    margin: 0px;
}

.form-group-dataTable input[type="date"]:focus,
.form-group-dataTable input[type="email"]:focus,
.form-group-dataTable input[type="number"]:focus,
.form-group-dataTable input[type="password"]:focus,
.form-group-dataTable input[type="search"]:focus,
.form-group-dataTable input[type="tel"]:focus,
.form-group-dataTable input[type="text"]:focus,
.form-group-dataTable input[type="url"]:focus,
.form-group-dataTable select:focus,
.form-group-dataTable option:focus,
.form-group-dataTable textarea:focus {
    border-color: none;
    color: #2d2d3d;
    background-color: #ffffff !important;
    /*background-color: rgba(255, 255, 255, 1) !important;
    color: #6b61a2 !important;
    border: 1px solid #6b61a2 !important;*/
}


/*Datepicker icon*/

.datepicker-ctm {
    position: relative;
}

.datepicker-ctm .add-calendar {
    position: absolute;
    right: 11px;
    top: 33px;
}

.datepicker-ctm .add-calendar i {
    font-size: 20px;
    cursor: pointer;
    color: #adadad;
}


/*carousel-ctm*/

.carousel-box {
    margin: 10px 0px 10px 0px;
}

.carousel-box {
    margin-right: 59px;
}

.carousel-ctm .owl-theme .owl-nav {
    margin-top: 0px !important;
}

.carousel-ctm .owl-nav {
    position: absolute;
    top: 0;
    right: -59px;
}

.carousel-ctm .item {
    padding: 10px 0px;
    text-align: center;
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
    cursor: pointer;
}

.carousel-ctm .item:hover,
.carousel-ctm .itemActive {
    background: #6e3a9e;
    color: #ffffff;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    font-family: 'fontAwesome';
}

.owl-carousel .owl-nav .owl-prev:before {
    content: "\f053";
}

.owl-carousel .owl-nav .owl-next:after {
    content: "\f054";
}


/* Create a custom checkbox */

.checkbox-ctm {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-ctm input {
    position: absolute;
    opacity: 0;
}

.checkmark-ctm {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
}


/*.checkbox-ctm:hover input ~ .checkmark-ctm {
    background-color: #ccc;
}*/

.checkbox-ctm input:checked~.checkmark-ctm {
    background-color: #6e3a9e;
}

.checkmark-ctm:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-ctm input:checked~.checkmark-ctm:after {
    display: block;
}

.checkbox-ctm .checkmark-ctm:after {
    left: 6px;
    top: 2px;
    width: 8px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox-ctm .CheckBoxDisabled {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #ddd !important;
	border: 1px solid #d8d8d8 !important;
	z-index: 99999999999999 !important;
	pointer-events: none !important;
}
.checkbox-ctm.labelDisabled {
	pointer-events: none !important;
}
/* end of custom checkbox */

input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea,
.woocommerce .quantity input.qty {
    box-shadow: none;
}


/*start of chosen combo*/

.chosen-container {
    width: 100% !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    padding: 0 !important;
}

.chosen-container-multi .search-field input {
    width: 100% !important;
}

.chosen-container-multi .chosen-choices {
    padding: 0px !important;
    background-image: none !important;
}

.chosen-container ul li {
    color: #2d2d3d !important;
}

.chosen-container-multi .chosen-drop .result-selected {
    color: #ccc !important;
}

.chosen-container .highlighted {
    color: #ffffff !important;
}


/*end of chosen combo*/

.form-group-ctm .parsley-error:focus {
    border-color: #f53535 !important;
    box-shadow: none !important;
}

.form-group-ctm .parsley-error {
    border-color: inherit;
    color: inherit;
}

.form-group-ctm .parsley-error-list {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}

.form-group-ctm .parsley-error-list li {
    color: red;
}

.site-input-ctm {
    width: 150px;
    float: left;
    margin: 0 5px !important;
}


/*tabs*/

.tabs-ctm {
    list-style: none;
    margin: 0px !important;
    padding: 0px;
}

.tabs-ctm li {
    float: left;
}

.tabs-ctm li a {
    text-align: center;
    padding: 10px 10px;
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
    cursor: pointer;
}

.tabs-ctm li a:hover,
.tabs-ctm a.tabsActive {
    background: #c58b10;
    color: #ffffff;
    text-decoration: none;
}

.tab-box {
    border: 1px solid #e0e0e0;
    padding: 10px;
    margin-bottom: 10px;
}

.datatable-input-ctm {
    width: 100%;
    box-shadow: none;
    padding: 3px 3px 3px 3px !important;
    margin: 0px;
}

input.datatable-input-ctm:focus {
    border-color: none;
    color: #2d2d3d;
    background-color: #ffffff !important;
}


/*dataTables*/

.dataTables_length {
    float: left !important;
    margin-right: 10px;
}

.dataTables_length label {
    width: 100%;
    text-align: left;
    font-weight: 400;
}

.dataTables_length select {
    width: 52px !important;
    display: inline-block !important;
    padding: 3px 3px !important;
}

.dataTables_filter {
    float: right !important;
    text-align: right !important;
}

.dataTables_filter label {
    width: 100%;
    text-align: left;
    font-weight: 400;
}

.dataTables_filter input {
    margin-left: 0.5em !important;
    float: right !important;
    padding: 2px 3px !important;
    margin-bottom: 0px !important;
    width: 148px !important;
    height: 25px !important;
}

.dataTables_length select:focus,
.dataTables_filter input:focus {
    background-color: rgba(255, 255, 255, 1) !important;
    color: #2d2d3d !important;
    border: 1px solid #552185 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 15px 15px 0 !important;
}

table th {
    color: #5f6d78;
}

table tr:hover td {
    background: none !important;
}

/*table.dataTable tbody tr:hover td {
        background-color: #6e3a9e !important;
        color: #ffffff !important;
}

table.dataTable.display tbody tr:hover {
    background-color: #6e3a9e !important;
        color: #ffffff !important;
}*/

.activityBox {
    width: 100%;
    padding: 10px;
    border: 1px solid #eeeeee;
    max-height: 400px;
    overflow: auto;
}

.ActivityList {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.ActivityList:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.ActivityList p {
    width: 100%;
    margin-bottom: 0px !important;
    padding: 0px;
}

a.start_button {
    display: inline-block;
    padding: 5px 10px;
    /*margin-bottom: 15px;*/
    cursor: pointer;
    margin-right: 7px;
    border: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
    background-color: #2e96db;
    color: #fff;
}

a.start_button:hover {
    text-decoration: none;
    color: #552185;
}

a.resume_button {
    display: inline-block;
    padding: 5px 10px;
    /*margin-bottom: 15px;*/
    cursor: pointer;
    margin-right: 7px;
    border: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
    background-color: #2e96db;
    color: #fff;
}

a.resume_button:hover {
    text-decoration: none;
    color: #552185;
}

a.participatns_button {
    display: inline-block;
    padding: 5px 10px;
    /*margin-bottom: 15px;*/
    cursor: pointer;
    margin-right: 7px;
    border: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
    background-color: #2e96db;
    color: #fff;
}

a.participatns_button:hover {
    text-decoration: none;
    color: #552185;
}

a.review_submit {
    display: inline-block;
    padding: 5px 10px;
    /*margin-bottom: 15px;*/
    cursor: pointer;
    margin-right: 7px;
    border: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
    background-color: #2e96db;
    color: #fff;
}

a.review_submit:hover {
    text-decoration: none;
    color: #552185;
}

a.review_button {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    margin-right: 7px;
    border: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
    background-color: #2e96db;
    color: #fff;
}

a.review_button:hover {
    text-decoration: none;
    color: #552185;
}

a.review_approve {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    margin-right: 7px;
    border: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03);
    background-color: #2e96db;
    color: #fff;
}

a.review_approve:hover {
    text-decoration: none;
    color: #552185;
}

.tooltipComment {
    position: relative;
}

.tooltipComment span {
    display: none;
    border-radius: 20px;
    position: absolute;
    width: 200px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    padding: 15px;
    background: rgba(255, 255, 255, 0.95);
    top: 17px;
    z-index: 99999;
    left: 0;
}

.textwidget .footer_logo_cmt {
    width: 70.7%;
    height: auto;
}

.textwidget .footer_logo_cmt img {
    width: 100%;
    height: auto;
}


/*================
	Icon Button
  ================*/

a.saveIconBtn {
    background-color: #23d160;
    border-color: transparent;
    border-radius: 50%;
    box-shadow: rgb(35, 209, 96) 0px 0px 10px 0px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: relative;
    margin: 0px 5px;
}

a.saveIconBtn i {
    font-size: 14px;
    color: #fff;
}

a.saveIconBtn:hover {
    color: #fff;
    background-color: #22c65b;
}

a.editIconBtn {
    background-color: #552185;
    border-color: transparent;
    border-radius: 50%;
    box-shadow: rgb(85, 33, 133) 0px 0px 10px 0px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: relative;
    margin: 0px 5px;
}

a.editIconBtn i {
    font-size: 14px;
    color: #fff;
}

a.editIconBtn:hover {
    color: #fff;
    background-color: #6e3b9d;
}

a.deleteIconBtn {
    background-color: #ff3860;
    border-color: transparent;
    border-radius: 50%;
    box-shadow: rgb(255, 56, 96) 0px 0px 10px 0px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: relative;
    margin: 0px 5px;
}

a.deleteIconBtn i {
    font-size: 16px;
    color: #fff;
}

a.deleteIconBtn:hover {
    color: #fff;
    background-color: #ff2b56;
}

a.IconBtn1 {
    background-color: #552185;
    border-color: transparent;
    border-radius: 50%;
    box-shadow: rgb(85, 33, 133) 0px 0px 10px 0px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: relative;
    margin: 0px 5px;
}

a.IconBtn1 i {
    font-size: 14px;
    color: #fff;
}

a.IconBtn1:hover {
    color: #fff;
    background-color: #6e3b9d;
}

a.IconBtn2 {
    background-color: #552185;
    border-color: transparent;
    border-radius: 50%;
    box-shadow: rgb(85, 33, 133) 0px 0px 10px 0px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: relative;
    margin: 0px 5px;
}

a.IconBtn2 i {
    font-size: 14px;
    color: #fff;
}

a.IconBtn2:hover {
    color: #fff;
    background-color: #6e3b9d;
}

a.IconBtn3 {
    background-color: #552185;
    border-color: transparent;
    border-radius: 50%;
    box-shadow: rgb(85, 33, 133) 0px 0px 10px 0px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: relative;
    margin: 0px 5px;
}

a.IconBtn3 i {
    font-size: 14px;
    color: #fff;
}

a.IconBtn3:hover {
    color: #fff;
    background-color: #6e3b9d;
}

span.mapIcon {
    background-color: #552185;
    border-color: transparent;
    border-radius: 50%;
    box-shadow: rgb(85, 33, 133) 0px 0px 10px 0px;
    color: #fff;
    display: inline-block;
    overflow: hidden;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: relative;
    margin: 0px 5px;
}

span.mapIcon i {
    font-size: 14px;
    color: #fff;
}

span.mapIcon:hover {
    color: #fff;
    background-color: #6e3b9d;
}

/*customer onboarding*/

.cus_onboarding {
    position: relative;
}

.cus_onboarding_box {
    width: 50%;
    min-height: 350px;
    padding: 10px;
    background: #ffffff;
    margin: 0 auto;
}

.cus_onbimg_box {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 10px;
}

.cus_onbimg_box img {
    width: 100%;
    height: 100%;
}

.cus_onboarding_box p {
    text-align: center;
}

.cus_onboarding .owl-nav {
    display: none;
}

.cus_onboarding .owl-dots {
    position: absolute;
    margin: 0;
    width: 100%;
    bottom: 0;
}

.cus_onboarding .owl-dots .owl-dot span {
    border: 1px solid #552185;
    background: #ffffff;
}

.cus_onboarding .owl-dots .owl-dot .active span {
    border: 1px solid #552185;
    background: #552185;
}

a.skipClass {
    padding: 3px 10px;
    color: #ffffff;
    background: #552185;
    float: right;
    border-radius: 5px;
}

a.skipClass:hover {
    text-decoration: none;
    color: #ffffff;
}

@media all and (min-width: 320px) and (max-width: 780px) {
    .cus_onboarding_box {
        width: 100%;
        min-height: auto;
    }
}

.alert_message {
    background: #8C86B6;
    color: #fff;
}

.alert_message .alert_icon {
    background: #462E5A;
}

.alert .alert_icon {
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
    color: inherit;
    position: absolute;
    left: 10px;
    top: 10px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.columnMarginFilter {
    margin: 0 1% 5px !important;
}

.userClass {
    text-align: right;
    padding: 0;
    float: right;
}

.dateClass {
    font-weight: bold;
    font-size: 12px;
    padding: 0;
    float: left;
}


/*=========start of background Color Gray for table Tr Border Spacing==========*/

.nav-data-form {
	border: 1px solid #ddd;
	padding: 15px;
	display: block;
	overflow: visible;
	background-color: #ffffff;
}

.backgroundColorGray {
    background-color: #f2f5f7 !important;
	}

.backgroundColorGray .dataTables_length label,
.backgroundColorGray .dataTables_filter label {
    margin-bottom: 0 !important;
}

.backgroundColorGray table th {
    background: transparent;
    padding: 0px 10px !important;
}

.backgroundColorGray table th,
.backgroundColorGray table td {
    border: none !important;
}

.backgroundColorGray table.dataTable.no-footer {
    border-bottom: none;
}

.backgroundColorGray table tr:nth-child(2n) td {
    background: #ffffff !important;
}

.backgroundColorGray table tr td {
    background: #ffffff !important;
}

.backgroundColorGray table tr:hover td {
    background-color: #ffffff !important;
}

.backgroundColorGray table tr.group td {
    background-color: #ddd !important;
}

.tableTrBorderSpacing {
    border-collapse: separate !important;
    border-spacing: 0px 12px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #552185 0%, #552185 100%) !important;
    border: 1px solid #552185 !important;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #552185 0%, #552185 100%) !important;
    box-shadow: 0 0 3px #552185 inset !important;
    outline: medium none !important;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #552185 0%, #552185 100%) !important;
    border: 1px solid #552185 !important;
    color: #fff !important;
}

.backgroundColorGray table.tableTrBorderSpacing tr.row_selected td,
.backgroundColorGray table.tableTrBorderSpacing tr.row_selected td a,
.backgroundColorGray table.tableTrBorderSpacing tr.row_selected:hover td {
    background-color: #915ac5 !important;
    color: #ffffff;
}


/*=========end of background Color Gray for table Tr Border Spacing==========*/

.social {
    float: right;
    color: #4e5151;
}

.social a {
    color: #4e5151;
}

@media all and (min-width: 320px) and (max-width: 767px) {
    .social {
        float: left;
    }
}


/*---------------------- From Global Custom CSS ----------------------*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tableclass table tr:hover td {
    background: none repeat scroll 0 0;
}

.icon-comment-line {
    color: #606060;
}

.backcolorGray {
    background: #eeeeee !important;
    color: #FBFBEF !important;
}

.backcolorGreen {
    background: Green !important;
    color: #FBFBEF !important;
}

.normshead h2 {
    font-size: 20px !important;
}

.backcolorRed {
    background: Red !important;
    color: #FBFBEF !important;
}

.backcolorBlack {
    background: Black !important;
    color: #FBFBEF !important;
}

/*.ui-widget-header {
    background: #1cc4e9;
}*/

th {
    border-width: 1px;
    border-style: solid;
    border-color: #d9d9d9 !important;
}
td {
    border: 1px;
    border-style: solid;
    border-color: #d9d9d9 !important;
}

.icon-cancel {
    color: red !important;
}

.icon-check {
    color: green !important;
}

.back_color {
    height: 45px !important;
}

.error {
    color: red !important;
}

.soft-region h4 {
    color: #1cc4e9;
}

.soft-region input {
    margin: 5px;
}

.review_selected {
    color: #fff !important;
    ;
    background-color: #adadad !important;
    font-weight: bold !important;
}

.quarter_selected {
    color: #fff !important;
    ;
    background-color: #1cc4e9 !important;
    font-weight: bold !important;
}

.quarter_selected_no {
    color: #fff !important;
    ;
    background-color: red !important;
    font-weight: bold !important;
}

.quarter_color_unselect {
    color: #000000;
    background-color: transparent;
}

.entry_panel {
    width: 100%;
    overflow: hidden;
    background: #cococo;
    border-style: solid;
    border-color: #e6e6e6;
    border-width: 1px;
    padding-left: 3px;
    margin-bottom: 10px;
    margin-left: 50px;
}

.box {
    width: 100%;
    overflow: hidden;
    background: #cococo;
    border-style: solid;
    border-color: #6e3a9e;
    border-width: 4px;
    padding-left: 3px;
    margin-bottom: 10px;
    margin-left: 50px;
}

.bubblebox {
    width: 100%;
    overflow: hidden;
    background: #cococo;
    border-style: solid;
    border-color: #e6e6e6;
    border-width: 1px;
    padding-left: 3px;
    margin-bottom: 10px;
    margin-left: 50px;
}

.group {
    text-align: left !important;
    background-color: #ebebeb !important;
}
table.dataTable tbody tr.group td {
    text-align: left !important;
    background-color: #ebebeb !important;
}

.subgroup {
    text-align: left !important;
    background-color: #d9d9d9 !important;
}

.gritter-info .gritter-title {
    color: #4dd4fd;
}

.gritter-success .gritter-title {
    color: #9ad268;
}

.gritter-warning .gritter-title {
    color: #ffc545;
}

.gritter-danger .gritter-title {
    color: #fe402b;
}

@media (max-width: 480px) {
    #gritter-notice-wrapper {
        right: 0;
    }
}

.custom-popup {
    background-color: rgba(0, 0, 0, 0.9);
    color: #777;
    padding: 15px;
    text-align: center !important;
}

.custom-popup.full-width {
    width: 100%;
}

.custom-popup.light {
    background-color: #f9f9f9;
}

.custom-popup {
    transform: scale(0.8);
}

.popup_visible .custom-popup {
    transform: scale(1);
}

.parsley-error-list {
    list-style: outside none none;
}

.parsley-error {
    border-color: #f53535;
    color: #b94a48;
}

.parsley-error:focus {
    border-color: #f53535 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(245, 53, 53, 0.6) !important;
}

.width-100 {
    width: 100%;
}

.dataTables_wrapper .label {
    border-radius: 0.25em;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

div.tbl-header {
    border: 1px solid #ddd;
    padding: 10px;
}

div.tbl-header1 label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

div.tbl-header1 select,
div.tbl-header1 a {
    display: inline-block;
}

.badge-danger,
.label-danger {
    background-color: #fe402b;
    color: #fff;
}

.label,
.badge {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.badge-info,
.label-info {
    color: #fff;
}

.badge-success,
.label-success {
    background-color: #65CEA7;
    color: #fff;
}

.badge-more,
.label-more {
    background-color: #005221;
    color: #fff;
}

.badge-warning,
.label-warning {
    background-color: #093eba;
    color: #fff;
}

.badge-unsubmitted,
.label-unsubmitted {
    background-color: #b8941c;
    color: #fff;
}

.badge-received,
.label-received {
    background-color: #b8941c;
    color: #fff;
}

.row-magin-top {
    margin-top: 20px;
}

.tbl-header label {
    margin-bottom: 0;
}

a.but_add,
a.but_print,
a.but_excel,
a.but_pdf,
a.but_back,
a.but_ChangeOrder {
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

a.but_add,
a.but_print,
a.but_excel,
a.but_pdf,
a.but_back,
a.but_ChangeOrder {
    border-bottom: 1px solid #909090;
    margin: 0;
}

a.but_add:hover {
    background-color: #8aa61b;
}

a.but_ChangeOrder:hover {
    background-color: #1b8e63;
}

a.but_pdf:hover {
    background-color: #800080;
}

a.but_back:hover {
    background-color: #efa66f;
}

a.but_add {
    background: none repeat scroll 0 0 #7f9919;
}

a.but_print {
    background: none repeat scroll 0 0 #196666;
}

a.but_ChangeOrder {
    background: none repeat scroll 0 0 #1b8e63;
}

a.but_excel {
    background: none repeat scroll 0 0 #727272;
}

a.but_pdf {
    background: none repeat scroll 0 0 #800080;
}

a.but_back {
    background: none repeat scroll 0 0 #cc7f4c;
}

.panel-heading {
    font-weight: bold;
    border: 1px solid #dddddd;
}
.panel-heading {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 10px 10px 10px !important;
    background-color: #eeeeee !important;
}
.panel-body {
    background: none repeat scroll 0 0 #fff !important;
    margin: 0;
    padding: 20px 10px 0px 10px;
    margin-bottom: 10px;
}

form.form-border .form-group:first-child {
    padding-top: 5px;
}

form.form-border .form-group {
    padding-bottom: 0px !important;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

.form-group label {
    color: #9b9b9b;
    margin-top: 5px;
}

.nav-data {
    border: 1px solid #ddd;
    padding: 15px 0 0;
    display: block;
    overflow: hidden;
}

.nav-data label {
    margin-bottom: 0;
}

#list-panel,
#list-panel_many,
#form-panel {
    margin-top: 5px;
}

.page_title2 {
    padding: 10px 0 0 0;
}

input[type="radio"],
input[type="checkbox"] {
    line-height: normal;
}

.grid-wrap {
    padding-top: 10px;
}

.row-margin {
    margin-top: 10px;
}

.col-padding {
    padding-top: 15px;
    padding-bottom: 5px;
}

.topnav_login li {
    font-size: 110% !important;
}

#reportingRate {
    background-color: #00b8ff;
    margin-left: -11px;
    margin-right: -11px;
    padding: 8px 0;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 15px;
}

ol,
ul {
    margin-bottom: 0px !important;
    margin-top: 0 !important;
}

.text_align_center {text-align: center !important;}
.text_align_left {text-align: left !important;}
.text_align_right {text-align: right !important;}
.dt-center {text-align: center !important;}
.dt-left {text-align: left !important;}
.dt-right {text-align: right !important;}

.contentHeight {
    height: 0px !important;
}

.error {
    color: red !important;
}

.btn-group-vertical>.btn-group::after,
.btn-group-vertical>.btn-group::before,
.btn-toolbar::after,
.btn-toolbar::before,
.clearfix::after,
.clearfix::before,
.container-fluid::after,
.container-fluid::before,
.container::after,
.container::before,
.dl-horizontal dd::after,
.dl-horizontal dd::before,
.form-horizontal .form-group::after,
.form-horizontal .form-group::before,
.modal-footer::after,
.modal-footer::before,
.modal-header::after,
.modal-header::before,
.nav::after,
.nav::before,
.navbar-collapse::after,
.navbar-collapse::before,
.navbar-header::after,
.navbar-header::before,
.navbar::after,
.navbar::before,
.pager::after,
.pager::before,
.panel-body::after,
.panel-body::before,
.row::after,
.row::before {
    content: " ";
    display: table;
}

*::after,
*::before {
    box-sizing: border-box;
}

.btn-group-vertical>.btn-group::after,
.btn-group-vertical>.btn-group::before,
.btn-toolbar::after,
.btn-toolbar::before,
.clearfix::after,
.clearfix::before,
.container-fluid::after,
.container-fluid::before,
.container::after,
.container::before,
.dl-horizontal dd::after,
.dl-horizontal dd::before,
.form-horizontal .form-group::after,
.form-horizontal .form-group::before,
.modal-footer::after,
.modal-footer::before,
.modal-header::after,
.modal-header::before,
.nav::after,
.nav::before,
.navbar-collapse::after,
.navbar-collapse::before,
.navbar-header::after,
.navbar-header::before,
.navbar::after,
.navbar::before,
.pager::after,
.pager::before,
.panel-body::after,
.panel-body::before,
.row::after,
.row::before {
    content: " ";
    display: table;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    margin: 0;
}

button,
select {
    text-transform: none;
}

button,
input,
select,
textarea {
    font-size: inherit;
    line-height: inherit;
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 94%;
}

.input-sm {
    border-radius: 3px;
    font-size: 12px;
    height: 36px;
    line-height: 1.5;
    padding: 5px 10px;
}

select.input-sm {
    height: 35px !important;
    line-height: 32px;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right;
}

.form-group {
    margin-bottom: 5px;
}

* {
    box-sizing: border-box;
}

label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
}

.modal-header .close {
    margin-top: -2px;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -5px;
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    float: left;
    position: relative;
}

.btn-group-lg>.btn,
.btn-lg {
    border-radius: 6px !important;
    font-size: 18px !important;
    line-height: 1.33333 !important;
    padding: 10px 16px !important;
}

.btn-default {
    background-color: #fff;
    border-color: #ccc !important;
    color: #333;
}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 1px !important;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.nav {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}

.status_dashboard h2 {
    font-size: 18px !important;
    line-height: 30px;
}

.pricing-box .plan-header {
    padding: 0 15px !important;
}

.dncal.counter .desc_wrapper .number-wrapper {
    font-size: 20px !important;
}

.counter.counter_horizontal .desc_wrapper {
    padding-left: 37px;
}

.counter .icon_wrapper i::before {
    margin: -25px;
    font-size: 35px;
}

.noemssubnotsub {
    width: 100%;
}

.counter.counter_horizontal {
    min-height: 100px;
    text-align: left;
    width: 108%;
}

.icon-chart-pie {
    color: black;
    size: 20px;
}

.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}

.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}

.btn-primary {
	color: #fff;
	background-color: #552185;
	border-color: #552185;
}
.btn-primary:hover {
	color: #fff;
	background-color: #552185;
	border-color: #552185;
}
.btn-info {
	color: #fff;
	background-color: #552185;
	border-color: #552185;
}
.btn-info:hover {
	color: #fff;
	background-color: #552185;
	border-color: #552185;
}
.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236;
}
.btn-warning:hover {
	color: #fff;
	background-color: #ec971f;
	border-color: #d58512;
}
.rationalMedicine .input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell !important;
}

.file-input-ajax-new .input-group {
    width: 100% !important;
}

.file-input-ajax-new .input-group .form-control {
    float: left;
    width: 75% !important;
}

.rationalMedicine .form-control {
    float: left;
    margin-bottom: 0;
    padding: 0px 0px;
    position: relative;
    width: 42%;
    z-index: 2;
}

.rationalMedicine .btn-default {}

.hide {
    display: none !important;
}

.rationalMedicinedouble .input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell;
}

.rationalMedicinedouble .form-control {
    float: left;
    margin-bottom: 0;
    padding: 0px 0px;
    position: relative;
    width: 79%;
    z-index: 2;
}

.rationalMedicinedouble .btn-default {
    display: none !important;
}

.modal-title {
    line-height: 1.42857;
    margin: 0;
}
.modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px;
	background-color: #552185 !important;
	color: #ffffff !important;
}
.modal-content {
	border: 1px solid #552185 !important;
}
#result {
    text-align: right;
    color: gray;
    min-height: 2em;
}

#table-sparkline {
    margin: 0 auto;
    border-collapse: collapse;
}

.service_reports .tableColor table th,
table td {
    border-style: solid;
    border-width: 1px;
    height: 11px;
    padding: 5px;
    vertical-align: middle;
}

thead th {
    border-top: 2px solid gray;
    border-bottom: 2px solid gray;
}

.highcharts-tooltip>span {
    background: white;
    border: 1px solid silver;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #888;
    padding: 8px;
}

.tooltipClass {
    position: relative;
}

.tooltipClass span {
    display: none;
    position: absolute;
    width: 200px;
    padding: 10px;
    background: #825339;
    color: #ffffff;
    border: 1px solid #1a1a1a;
    font-size: 90%;
    z-index: 99999;
    left: 0;
    top: 17px;
}

.ui-tabs .ui-tabs-nav li a {
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 14px 56px !important;
    text-decoration: none;
}

#norms1 li {
    list-style-type: none;
}

#norms2 li {
    list-style-type: none;
}

.widget_mfn_recent_comments ul li::after {
    width: 15px;
    height: 15px;
}

.pricing-box .plan-header {
    border: 1px solid #d9d9d9;
}

#ProvinceMapDiv tspan {
    font-size: 11px;
    font-weight: 100;
    text-shadow: none !important;
}

.mapStyle {
    border: 1px solid #d9d9d9;
    padding-bottom: 1px;
}

.btn-group-vertical>.btn-group::after,
.btn-toolbar::after,
.clearfix::after,
.dl-horizontal dd::after,
.form-horizontal .form-group::after,
.modal-footer::after,
.nav::after,
.navbar-collapse::after,
.navbar-header::after,
.navbar::after,
.pager::after,
.panel-body::after,
.row::after {
    clear: both;
}

.textArea {
    height: 270px !important;
}

.rightAlign {
    text-align: right !important;
}

.userDateFontSize {
    font-size: 14px !important;
}

.pricing-box .plan-header {
    height: 240px !important;
}

.reducePadding {
    padding: 10px 11px !important;
}

.btn-deleteBox {
    width: 53px;
    height: 44px;
    float: left;
    background: #6e3a9e;
    border-radius: 5px;
    outline: 0;
    margin-right: 5px;
}

.btn-deleteBox a {
    float: left;
    padding: 2px;
    width: 19px;
}

.btn-deleteBox a i {
    height: 36px;
    padding: 13px 3px;
}

.btn-deleteBox a i.icon-cancel-circled {
    height: 15px !important;
}

.removeAttachment {
    z-index: 9999 !important;
}

.fileDiv {
    width: 50px;
    text-align: center;
    float: left;
    margin-right: 10px;
}

.divMainBody {
    padding: 5px 10px 0 !important;
}

.navBarCenter_2 {
    margin: 0 !important;
    padding: 0 !important;
    width: 43% !important;
}

.navBarCenter_3 {
    margin: 0 !important;
    padding: 0 !important;
    width: 34% !important;
}

.navBarCenter_4 {
    margin: 0 !important;
    padding: 0 !important;
    width: 96% !important;
}

.navBarCenter_5 {
    margin: 0 !important;
    padding: 0 !important;
    width: 59% !important;
}

.serviceSubmissionFont {
    font-size: 20px;
    font-weight: bold;
}

.looklikedisable {
    background: #fdfbf7 !important;
    color: #CCC !important;
}

.looklikedisable .title {
    color: #CCC !important;
}

.row_font_color {
    color: #ffffff;
}

.row_font_color_black {
    color: #000000;
}

a.button,
a.tp-button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    border-radius: 3px !important;
}

.button-stroke a.button .button_icon {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.form-group ul {
    margin: 0 0 0 13px;
    padding: 0;
    list-style-type: none !important;
}

.form-group ul li {
    color: #FF0000;
}

.gridInputField {
    width: 85% !important;
    display: inline !important;
    margin-right: 10px !important;
}

.gridSpan {
    width: 5% !important;
    cursor: pointer !important;
}

table th,
table td {
    text-align: left;
}
#Subheader {
    background:#f4e3c9 !important
}
#Subheader::after {
	box-shadow: none !important;
}
#Subheader .title {
    color: #000000 !important;
    font-size: 21px !important;
    font-style: normal !important;
    line-height: 25px !important;
    padding-top: 3px !important;
	width: 100% !important;
}
#Subheader ul.breadcrumbs li,
#Subheader ul.breadcrumbs li a {
    color: #fff !important;
}

#Top_bar #logo {
    height: auto !important;
}

body:not(.template-slider) #Header {
    min-height: auto !important;
}

#Content {
    padding-top: 5px !important;
}

#login_info .social {
    margin-top: 5px !important;
}

a.button,
a.tp-button,
button {
	margin-bottom: 0 !important;
	padding: 6px 15px 6px 18px !important;
}

.button-stroke a:hover.button .button_icon i,
.button-stroke a.button.button_theme:hover .button_icon i {
    color: #fff !important;
}

a.button .button_label {
    padding: 0px 4px 0px 0px;
	/*padding: 6px 5px;*/
}
a.button .button_icon {
	/* padding: 6px 12px; */
	padding: 0px 0px 0px 4px;
	margin-left: 0px !important;
	margin-right: 7px !important;
}


select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important;
}

.row_selected a span i {
    color: #ffffff;
}

.menuo-right #Top_bar .menu_wrapper {
    margin-top: 2px;
}

.accordion .question,
.accordion .question .answer {
    overflow: visible !important;
}

.content-heading {
    font-weight: bold;
    border: 1px solid #dddddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 10px 10px 10px !important;
    background-color: #eeeeee !important;
}

.content-body {
    border: 1px solid #ddd;
    padding: 15px;
    display: block;
    overflow: visible;
    background-color: #ffffff;
}

.mb5 {
    margin-bottom: 5px;
}

.mb15 {
    margin-bottom: 15px;
}

.show-records {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.show-records>input {
    margin: 0 5px;
    padding: 2px;
    text-align: center;
    width: 70px;
}

.show-records>span {
    margin-top: 4px;
}

.DatatableDataShow {
    overflow: auto;
    width: 100%;
}

div.dt-button-background {
    position: initial !important;
}

button.dt-button,
div.dt-button,
a.dt-button {
    padding: 2px 1em !important;
}

.plus-icon {
    font-size: 30px;
    height: 400px;
    width: 80px;
    line-height: 400px;
    text-align: center;
    margin: 0 auto;
}

.my-column-class {
    width: 100%;
    padding: 5px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #c1c1c1;
}

.my-sreport-btn {
	background: #6e3a9e;
	color: #fff;
	float: left;
	padding: 10px 15px;
	font-size: 15px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
}
.my-sreport-btn i {
    padding-right: 10px;
}
.wizard-bg {
	background-color: #f4f4f4;
	display: block;
	visibility: visible;
	padding: 15px 0;
}
.select-label {
    width: 100%;
    float: left;
    font-size: 15px;
    margin-top: 5px;
}
.deleteIconBlock{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 16px;
	height: 16px;
	z-index: 99999;
	cursor: pointer;
}
.deleteIconBlock .fa{
	color: red;
}

.dashboardBlock{
	border: 1px solid #c1c1c1;
	padding: 10px;
	position: relative;
	margin-bottom: 10px !important;
}

.fontBold{
	font-weight: bold;
}

/*======Dashboard Report List CSS========*/
.report_list_bg {
	background-color:#fff !important;
}
.splash_feature {
	background: rgba(255,255,255,1);
	min-height: 290px;
	color: #8d8d8d;
	display: block;
	overflow: hidden;
	padding: 20px;
	margin-bottom: 0px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;	
}
.splash_feature .photo {
	float: left;
	line-height: 0;
	width: 46%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;	
}
.splash_feature .photo img {
	border: 1px solid #ddd;
	padding: 3px;
}
.splash_feature .desc {
	float: left;
	margin-left: 4%;
	width: 50%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;	
}
.splash_feature .desc .t {
	height: 194px;
}
.splash_feature .desc .t {
	display: table;
}
.splash_feature {
	color: #8d8d8d;
}
.splash_feature .desc .t .c {
	display: table-cell;
	vertical-align: middle;
}
.splash_feature .desc h5 {
	letter-spacing: 2px;
}
.splash_feature .desc p {
	margin: 0;
}

/*=======change with tooltip 09-07-2019==========*/
.reports_feature {
	width: 100%;
	background: rgba(255,255,255,1);
	min-height: 85px;
	color: #8d8d8d;
	/* display: block; */
	display: inline-block;
	padding: 7px;
	margin-bottom: 16px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	position: relative;
	border: 1px solid #ccc;
}
.reports_feature .photo {
	float: left;
	line-height: 0;
	width: 23%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;	
}
.reports_feature .photo img {
	border: 1px solid #ccc;
	padding: 3px;
}
.reports_feature .desc {
	float: left;
	margin-left: 3%;
	width: 73%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;	
}
.reports_feature .desc .t {
	height: 70px;
	margin-top: 0px;
}
.reports_feature .desc .t {
	display: table;
}
.reports_feature {
	color: #8d8d8d;
}
.reports_feature .desc .t .c {
	display: table-cell;
	vertical-align: middle;
}
.reports_feature .desc h5 {
	letter-spacing: 2px;
	margin-bottom: 0px;
}
.reports_feature .desc h5 a {
	font-size: 15px;
}
.reports_feature span.reports_info_icon {
	position: absolute;
	top: 2px;
	right: 5px;
}
.reports_feature span.reports_info_icon > .fa {
	color: #552185;
	font-size: 20px;
}

.reports_tooltip {
  position: relative;
  display: inline-block;
}
.reports_tooltip .tooltiptext {
  visibility: hidden;
  width: 345px;
  background-color: #552185;
  color: #fff;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 999999999;
  top: 0;
  right: 25px;
  opacity: 0;
  transition: opacity 0.3s;
  padding: 5px;
}
.reports_tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 5px;
	right: 0;
	margin-right: -15px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent transparent #552185;
}
.reports_tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.tooltiptext p {
	font-weight: 400;
}
.tooltiptext h4 {
	border-bottom: 1px solid #fbf3f3;
	margin-bottom: 1px;
	padding: 0px;
}
.tooltiptext h4 a {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}
.tooltiptext h4 a:hover {
	color: #fbfbfb;
}
/* Responsive css */
/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
	.reports_feature .desc .t .c {
		vertical-align: top;
	}
}
@media (max-width: 1200px) {
	.reports_tooltip .tooltiptext {
		width: 250px;
	}
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 959px) {
	.splash_feature {
		margin-bottom: 0px;
	}	
	.splash_feature .photo {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.splash_feature .desc {
		float: none;
		width: 100%;
		margin: 0;
	}
	.splash_feature .desc .t {
		display: block;
		height: auto;
	}
	
	.reports_feature .photo {
		width: 100%;
	}
	.reports_feature .desc {
		margin-left: 0;
		width: 100%;
	}
	.reports_feature .desc .t {
		height: auto;
		margin-top: 5px;
	}
}
/* small mobile :320px. */
@media (max-width: 479px) {
	.splash_feature {
		margin-bottom: 20px;
	}		
	.splash_feature .photo {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.splash_feature .desc {
		float: none;
		width: 100%;
		margin: 0;
	}
	.splash_feature .desc .t {
		display: block;
		height: auto;
	}
	.reports_feature .photo {
		width: 100%;
	}
	.reports_feature .desc {
		margin-left: 0;
		width: 100%;
	}
	.reports_feature .desc .t {
		height: auto;
		margin-top: 5px;
	}		
	.reports_tooltip .tooltiptext {
		width: 170px;
	}
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.splash_feature {
		margin-bottom: 20px;
	}		
	.splash_feature .photo {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.splash_feature .desc {
		float: none;
		width: 100%;
		margin: 0;
	}
	.splash_feature .desc .t {
		display: block;
		height: auto;
	}
}
/*======End of Dashboard Report List CSS========*/

table.col_hover tr.selected_col td,
table.col_hover tr:hover td,
table.col_hover tr:hover td  a {
	cursor: pointer !important;
	background: #552185 !important;
	color: #fff !important;
}

img.gm-fullscreen-control {
	max-width: none !important;
}

a.button.button_greyn {
	background-color: #8f8f8f;
	color: #fff;
}

/*Start of File Upload*/
.file-caption-main {
	position: relative;
}
.file-caption-main .file-caption {
	width: 100%;
}		
.file-caption-main .input-group-btn {
	position: absolute;
	right: 0;
	top: 0;
}
.kv-upload-progress .progress {
	width: 100%;
	border-radius: 4px;
	text-align: center;
}
.bg-success {
	background-color: #1c84c6 !important;
	color: #ffffff;
}
.view_image {
	position: relative;
	width: 100px;
}
.view_image img {
	width: 100px;
	height: 80px;
	border: 1px solid #ddd;
	padding: 3px;
	margin-bottom: 5px;
}
.view_image a.icon {
	position: absolute;
	top: 0;
	right: 0;
}
.view_image a.icon i.fa {
	font-size: 18px;
	color: red;
}
/*End of File Upload*/

.filters_wh {
	width:270px;
	float:left;
	height:58px;
	margin:5px;
}
.filters_wh_date {
	/*width:200px;*/
	width:270px;
	float:left;
	height:58px;
	margin:5px;
}
.filters_wh_btn {
	width:auto;
	float:right;
	height:58px;
	margin:5px;
	padding-top: 12px;
}
.overflow_y {
	overflow-y: scroll;
}

.input-group-cmt {
	position: relative;
	display: table;
	border-collapse: separate;
}
.input-group-cmt .input-group-addon-cmt {
	cursor: pointer;
	padding: 4px 12px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ededed;
	border-radius: 3px;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;	
	display: table-cell;	
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
input.hasDatepicker {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	width: 100%;
}
#Top_bar .wpml-languages a.active {
	height: auto;
}

#Top_bar .menu > li > a span:not(.description) {	
	padding: 0 7px;	
}
#Top_bar .top_bar_right a:not(.action_button) {
	color: #fff !important;
}
#Top_bar .wpml-languages a.active {
	border: 1px solid #fff !important;
}
#Top_bar .wpml-languages ul.wpml-lang-dropdown {
	border-color: #fff !important;
}
.export_panel {
	border: 1px solid #dddddd;
	padding: 5px 0px 0px 10px;
	margin-bottom: 10px !important;
	width: 100%;
	overflow: hidden;
	background: #eeeeee;
}
.export_panel h3 {
	font-size: 15px;
	font-weight: bold;
	color: #2d2d3d;
	margin-bottom: 5px;
	margin-top: 6px;
	float: left;
}
#Footer .footer_copy {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
a.loginMenuLink:hover {
	color: #fff;
}

.logo-overflow #Top_bar.is-sticky #logo img.logo-sticky:not(.svg) {
	max-height: 70px;
}


.chartp{
        position: relative;
        display: inline-block;
        width: 110px;
        height: 110px;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }
.chartp canvas{
	position: absolute;
	top: 0;
	left: 0;
}
.percentp {
	font-size: 18px;
	display: inline-block;
	line-height: 110px;	 
	z-index: 2;
}
.percentp:after {
	content: '%';
	margin-left: 0.1em;
	font-size: 18px;
}
.center-blockp {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.moreReportIcon {
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 999;
}
.DashboarIconList {
	position: absolute;
	top: 5px;
	right: 25px;
	z-index: 999;
	width: auto;
	padding-right: 30px;
}
.DashboarIconList i {
	padding-left: 10px;
}
table tr td .datacellText {
    padding: 0px 3px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    width: 100% !important;
}

.borderBlock{
	border: 1px solid #c1c1c1;
	padding: 5px;
}

.OverflowVisible{
	z-index: auto!important;
	overflow-x: visible!important;
	overflow-y:visible!important;
}
/* Responsive css */
/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.OverflowVisible{
		z-index: 0 !important;
		overflow-x: hidden !important;
		overflow-y:auto!important;
	}	
}
/* small mobile :320px. */
@media (max-width: 479px) {
	.OverflowVisible{
		z-index: 0 !important;
		overflow-x: hidden !important;
		overflow-y:auto!important;
	}
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.OverflowVisible{
		z-index: 0 !important;
		overflow-x: hidden !important;
		overflow-y:auto!important;
	}
}

/*==Start Preloader==*/
.cmt_preloader_area{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;	
	width: 100%;
	background: rgba(555, 555, 555, 0.6);
	z-index: 9999;
}
/* .cmt_preloader{
	width: 70px;
	height: 70px;
	margin: 0 auto;
} */
.cmt_preloader {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}
.lds-dual-ring {
	display: inline-block;
	width: 30px;
	height: 30px;
}
.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 30px;
	height: 30px;
	margin: 1px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 3px solid #552185;
	border-color: #552185 transparent #552185 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg); 
		-o-transform: rotate(0deg);	
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);		
		transform: rotate(360deg);
	}
}
/*==End Preloader==*/
.dhx_pivot_layout {
	padding: 0px !important;
	background: transparent !important;
	box-shadow: none !important;
}

.form-group-ctm .form-control-ctm[disabled], 
.form-group-ctm .form-control-ctm[readonly],
.form-group-ctm input.form-control-ctm[disabled]:focus, 
.form-group-ctm input.form-control-ctm[readonly]:focus,
.form-group-ctm textarea.form-control-ctm[disabled]:focus, 
.form-group-ctm textarea.form-control-ctm[readonly]:focus,
.form-group-ctm select.form-control-ctm[disabled]:focus, 
.form-group-ctm select.form-control-ctm[readonly]:focus {
	/*background-color: #dcdcdc !important;*/
	width: 100% !important;
	padding-left: 3px;
	padding-right: 3px;
	opacity: .5 !important;
}

/*start btn-group*/
.btn-group-cs a.btn-cs,
.btn-group-cs button.btn-cs {
	background-color: #fff !important;
	color: #333;
	padding: 7px 20px;
	cursor: pointer;
	float: left;
	border-radius: 0px !important;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc !important;
}
.btn-group-cs:after {
	content: "";
	clear: both;
	display: table;
}
.btn-group-cs a.btn-cs:not(:last-child),
.btn-group-cs button.btn-cs:not(:last-child) {
	border-right: none;
}
.btn-group-cs a.btn-cs:first-child,
.btn-group-cs button.btn-cs:first-child {
	border-top-left-radius: .25rem !important;
	border-bottom-left-radius: .25rem !important;
}
.btn-group-cs a.btn-cs:last-child,
.btn-group-cs button.btn-cs:last-child {
	border-top-right-radius: .25rem !important;
	border-bottom-right-radius: .25rem !important;
}
.btn-group-cs a.active,
.btn-group-cs a.btn-cs:focus,
.btn-group-cs a.btn-cs:hover,
.btn-group-cs button.active,
.btn-group-cs button.btn-cs:focus,
.btn-group-cs button.btn-cs:hover {
	background-color: #e6e6e6 !important;
	border-color: #adadad !important;
	text-decoration: none;
}
/*end btn-group*/
/*datatable column hide class*/
.never {
	display: none !important; 
}

/*Custom Group Button*/
.btn_group_custom > a.btn_custom {
  background-color: #ffffff; 
  border: 2px solid #552185;
  color: #8f8f8f; 
  padding: 5px 10px; 
  cursor: pointer;
  float: left;
}
.btn_group_custom:after {
  content: "";
  clear: both;
  display: table;
}
.btn_group_custom > a.btn_custom:not(:last-child) {
  border-right: none; 
}

.btn_group_custom > a.btn_custom:hover,
.btn_group_custom > a.btn_custom.active {
  background-color: #552185;
  color: #ffffff;
  text-decoration: none;
}

.btn_group_custom > a.btn_custom:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn_group_custom > a.btn_custom:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.btn_group_custom > a.btn_custom:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.btn_group_custom > a.btn_custom:last-child {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}
/*End Custom Group Button*/

.form-group-ctm .openFileBtn {
	height: 100%;
	position: absolute;
	right: -14px;
	top: 0;
	background: #6e3a9e;
	font-size: 13px;
	padding: 14px 5px 12px 5px;
	color: #ffffff;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.infoIconBlock{
	position: absolute;
	top: 5px;
	right: 30px;
	width: 16px;
	height: 16px;
	z-index: 99999;
	cursor: pointer;
}
.infoIconBlock .fa{
	color: #0898ec;
}

.x-toolbar table.x-toolbar-ct td.x-toolbar-left table {
	float: left !important;
}
.x-toolbar table.x-toolbar-ct table {
	width: 30px !important;
}

.x-toolbar .x-toolbar-ct .x-toolbar-right table {
	float: right;
}
/*social media css disply :none or Hide */
.footer-copy-center #Footer .footer_copy .social {
    display: none;
}
.text-center {
	text-align:center !important;
}

/*Report details tooltip*/
span.reports_det_info_icon {}
span.reports_det_info_icon > .fa {
	color: #552185;
	font-size: 20px;
}

.reports_det_tooltip {
  position: relative;
  display: inline-block;
}
.reports_det_tooltip .tooltiptext_det {
  visibility: hidden;
  width: 345px;
  background-color: #552185;
  color: #fff;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 8;
  top: 0;
  left: 25px;
  opacity: 0;
  transition: opacity 0.3s;
  padding: 5px;
}
.reports_det_tooltip .tooltiptext_det::after {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	margin-left: -15px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent #552185 transparent transparent;
}
.reports_det_tooltip:hover .tooltiptext_det {
  visibility: visible;
  opacity: 1;
}
.tooltiptext_det p {
	font-size: 15px;
	line-height: 21px;
	font-weight: 400;
	letter-spacing: 0px;
}
.tooltiptext_det h4 {
	border-bottom: 1px solid #fbf3f3;
	margin-bottom: 1px;
	padding: 0px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}
.tooltiptext_det h4 a {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}
.tooltiptext_det h4 a:hover {
	color: #fbfbfb;
}
/* Responsive css */
/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

}
@media (max-width: 1200px) {
	.reports_det_tooltip .tooltiptext_det {
		width: 250px;
	}
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 959px) {
	
}
/* small mobile :320px. */
@media (max-width: 479px) {
	.reports_det_tooltip .tooltiptext_det {
		width: 170px;
	}
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}
/*end Report details tooltip*/

/*======Buttons Colors CSS========*/
/* Red */
a.button.button_red, a.tp-button.red {
	background-color: #e7432b;
	color: #fff;
}
.button-stroke a.button.button_red,
.button-stroke a.button.button_red .button_icon i,
.button-stroke a.tp-button.red {
	color: #e7432b;
	border-color: #e7432b;
}
.button-stroke a:hover.button.button_red,
.button-stroke a:hover.tp-button.red {
	background-color: #e7432b !important;
	color: #fff;
}

/* Blue */
a.button.button_blue, a.tp-button.blue {
	background-color: #2e96db;
	color: #fff;
}
.button-stroke a.button.button_blue,
.button-stroke a.button.button_blue .button_icon i,
.button-stroke a.tp-button.blue {
	color: #2e96db;
	border-color: #2e96db;
}
.button-stroke a:hover.button.button_blue,
.button-stroke a:hover.tp-button.blue {
	background-color: #2e96db !important;
	color: #fff;
}

/* Turquoise */
a.button.button_turquoise, a.tp-button.turquoise {
	background-color: #552185;
	color: #fff;
}
.button-stroke a.button.button_turquoise,
.button-stroke a.button.button_turquoise .button_icon i,
.button-stroke a.tp-button.turquoise {
	color: #552185;
	border-color: #552185;
}
.button-stroke a:hover.button.button_turquoise,
.button-stroke a:hover.tp-button.turquoise {
	background-color: #552185 !important;
	color: #fff;
}

/* Yellow */
a.button.button_yellow, a.tp-button.yellow {
	background-color: #c58b10;
	color: #fff;
}
.button-stroke a.button.button_yellow,
.button-stroke a.button.button_yellow .button_icon i,
.button-stroke a.tp-button.yellow {
	color: #c58b10;
	border-color: #c58b10;
}
.button-stroke a:hover.button.button_yellow,
.button-stroke a:hover.tp-button.yellow {
	background-color: #c58b10 !important;
	color: #ffffff !important;
}
.button-stroke a:hover.button.button_yellow .button_icon i {
    color: #fff !important;
}

/* Grey */
a.button.button_grey, a.tp-button.grey {
	background-color: #552185;
	color: #fff;
}
a.button.button_grey span i, a.tp-button.grey span i {
	color: #fff;
}
.button-stroke a.button.button_grey,
.button-stroke a.button.button_grey .button_icon i,
.button-stroke a.tp-button.grey {
	color: #8f8f8f;
	border-color: #552185;
}
.button-stroke a:hover.button.button_grey,
.button-stroke a:hover.tp-button.grey {
	background-color: #552185 !important;
	color: #fff;
}

/* Navy */
a.button.button_navy, a.tp-button.navy {
	background-color: #3b5982;
	color: #fff;
}
.button-stroke a.button.button_navy,
.button-stroke a.button.button_navy .button_icon i,
.button-stroke a.tp-button.navy {
	color: #3b5982;
	border-color: #3b5982;
}
.button-stroke a:hover.button.button_navy,
.button-stroke a:hover.tp-button.navy {
	background-color: #3b5982 !important;
	color: #fff;
}

/* Orange */
a.button.button_orange, a.tp-button.orange {
	background-color: #ff8125;
	color: #fff;
}
.button-stroke a.button.button_orange,
.button-stroke a.button.button_orange .button_icon i,
.button-stroke a.tp-button.orange {
	color: #ff8125;
	border-color: #ff8125;
}
.button-stroke a:hover.button.button_orange,
.button-stroke a:hover.tp-button.orange {
	background-color: #ff8125 !important;
	color: #fff;
}

/* Green */
a.button.button_green, a.tp-button.green {
	background-color: #552185; 
	color: #fff;
}
.button-stroke a.button.button_green,
.button-stroke a.button.button_green .button_icon i,
.button-stroke a.tp-button.green {
	color: #552185;
	border-color: #552185;	
}
.button-stroke a:hover.button.button_green,
.button-stroke a:hover.tp-button.green {
	background-color: #552185 !important;	
	color: #fff;
}

/* Button darkgrey */
a.tp-button.darkgrey {
	background-color: transparent;
	color: #545454 !important;
	border-color: #545454;
}
a:hover.tp-button.darkgrey {
	background-color: #545454;
	color: #fff !important;
}

/* Button lightgrey */
a.tp-button.lightgrey {
	background-color: transparent;
	color: #fff;
	border-color: #fff;
}
a:hover.tp-button.lightgrey {
	background-color: #fff;
	color: #545454 !important;
}

/*Logo margin overwrite*/
#Top_bar .logo {
	margin: 0 13px 0 20px !important;
}
.ui-datepicker {
	z-index: 999999 !important;
}


/*menu sample custom CSS */
#Top_bar .menu li ul li a {
    border-bottom: none !important;
}
.label-bold {
	font-weight: 700 !important;
}
#Top_bar .menu > li ul li a:hover, #Top_bar .menu > li ul li.hover > a {
    background: #F0E3D0 !important;
}
#Top_bar .menu li ul {
    width: 200px;
}
#Top_bar .menu>li>ul.mfn-megamenu>li {
    width: 33.33% !important;
}
#Top_bar .menu>li>ul.mfn-megamenu a.mfn-megamenu-title {
    text-transform: none !important;
}

/*=========Redesign=========*/

.header-box {
	border: 1px solid #ddd;
	padding: 10px;
	display: block;
	overflow: visible;
	background-color: #ffffff;
	margin-bottom: 10px;
}
.hieghtcmt{
	height: 37px;
}
.form-header-title {
	background-color: #ddd;
	padding: 2px 8px;
}
.nopadding {
	padding: 0px !important;
}
.inner-filters {
	height: 37px;
	margin-bottom: 10px;	
}

/*====button=========*/
.button-stroke button.button.button_grey, 
.button-stroke button.button.button_grey .button_icon i, 
.button-stroke button.tp-button.grey {
	color: #8f8f8f !important;
	border-color: #552185;
	background-color: transparent;
}
.button-stroke button.button_js {
	/* padding: 6px 0px; */
	display: inline-block;
	margin: 0px 2px;
}
.button-stroke button.button .button_icon,
.button-stroke button.button .button_label {
	/* padding: 6px 12px; */
}
.button-stroke button.button .button_icon {
	margin-right: 8px;
	margin-left: 0px;
}
.button-stroke button.button_left.button .button_label, 
.button-stroke button.button_left.button_large .button_label {
	padding-left: 0;
}
.button-stroke button:hover.button.button_grey, 
.button-stroke button:hover.tp-button.grey,
.button-stroke button:hover.button .button_icon i, 
.button-stroke button.button.button_theme:hover .button_icon i {
	color: #fff !important;
}
.button-stroke button:disabled:hover,
.button-stroke button[disabled]:hover,
.button-stroke button:disabled,
.button-stroke button[disabled]{
	border-color: #d5d2d2 !important;
	background-color: #e8e7e7 !important;
	color: #9d9b9b !important;
	cursor: text;
}
.button-stroke button:disabled:hover.button.button_grey, 
.button-stroke button[disabled]:hover.button.button_grey, 
.button-stroke button:disabled:hover.tp-button.grey,
.button-stroke button[disabled]:hover.tp-button.grey,
.button-stroke button:disabled:hover.button .button_icon i, 
.button-stroke button[disabled]:hover.button .button_icon i, 
.button-stroke button.button.button_theme:disabled:hover .button_icon i,
.button-stroke button[disabled].button.button_theme:hover .button_icon i {
	color: #9d9b9b !important;
}
.button-stroke .button:hover {
	background-color: #552185 !important;
	color: #fff;
}
.button-stroke .button:hover::after, 
.button-stroke button:hover::after {
	width: auto;
}
.button-stroke .button, 
.button-stroke button {
	padding:6px 10px !important;
}
.button-default .button, 
.button-default button, 
.button-default input[type="button"], 
.button-default input[type="reset"], 
.button-default input[type="submit"] {
	box-shadow: none;
}
/*====end of button=========*/

/*Custom Group Button*/
.cmtgroup_btn button.btn_custom {
	border-radius: 0px !important;
	background-color: #ffffff;
	border: 1px solid #bbb;
	color: #000;
	padding: 5px 20px;
	cursor: pointer;
	float: left;
	-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.cmtgroup_btn:after {
  content: "";
  clear: both;
  display: table;
}
.cmtgroup_btn button.btn_custom:not(:last-child) {
	border-right: none;
}
.cmtgroup_btn > button.btn_custom:hover,
.cmtgroup_btn > button.btn_custom.active {
	background-color: #552185;
	color: #ffffff;
	text-decoration: none;
}
.cmtgroup_btn > button.btn_custom:first-child {
	margin-left: 0;
	-webkit-border-bottom-left-radius: 4px !important;
		  border-bottom-left-radius: 4px !important;
	-webkit-border-top-left-radius: 4px !important;
		  border-top-left-radius: 4px !important;
	-moz-border-radius-bottomleft: 4px !important;
	-moz-border-radius-topleft: 4px !important;
}

.cmtgroup_btn > button.btn_custom:last-child {
	-webkit-border-top-right-radius: 4px !important;
		  border-top-right-radius: 4px !important;
	-webkit-border-bottom-right-radius: 4px !important;
		  border-bottom-right-radius: 4px !important;
	-moz-border-radius-topright: 4px !important;
	-moz-border-radius-bottomright: 4px !important;
}

.cmtgroup_btn > button.btn_custom:first-child {
	margin-left: 0;
	-webkit-border-bottom-left-radius: 6px !important;
		  border-bottom-left-radius: 6px !important;
	-webkit-border-top-left-radius: 6px !important;
		  border-top-left-radius: 6px !important;
	-moz-border-radius-bottomleft: 6px !important;
	-moz-border-radius-topleft: 6px !important;
}

.cmtgroup_btn > button.btn_custom:last-child {
	-webkit-border-top-right-radius: 6px !important;
		  border-top-right-radius: 6px !important;
	-webkit-border-bottom-right-radius: 6px !important;
		  border-bottom-right-radius: 6px !important;
	-moz-border-radius-topright: 6px !important;
	-moz-border-radius-bottomright: 6px !important;
}
.cmtgroup_btn button.btn_custom:disabled:hover,
.cmtgroup_btn button.btn_custom[disabled]:hover,
.cmtgroup_btn button.btn_custom:disabled,
.cmtgroup_btn button.btn_custom[disabled]{
	border-color: #d5d2d2 !important;
	background-color: #e8e7e7 !important;
	color: #9d9b9b !important;
	cursor: text;
}
.cmtgroup_btn button.btn_custom:disabled:hover,
.cmtgroup_btn button.btn_custom[disabled]:hover{
	color: #9d9b9b !important;
}
/*End Custom Group Button*/

/*=============dataTable custom border and color============*/
.row_selected,
.selected {
    background-color: #915ac5 !important;
}
table.dataTable tr.odd.row_selected:nth-child(2n) td,
table.dataTable.stripe tbody tr.odd.row_selected, 
table.dataTable.display tbody tr.odd.row_selected,
table.dataTable.display tbody tr.even.selected,
table.dataTable.display tbody tr.odd.selected {
	background-color: #915ac5 !important;
	color: #ffffff !important;
}
table.dataTable tr.even.row_selected:nth-child(2n) td,
table.dataTable tr.even.selected:nth-child(2n) td,
table.dataTable tr.even.selected,
table.dataTable tr.selected:nth-child(2n) td {
	background: #915ac5 !important;
	color: #ffffff !important;
}

table.dataTable {
	border-collapse: collapse !important;
	border-spacing: 0;
}
table.dataTable thead th {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	box-shadow: none;
}
table.dataTable tr:first-child td {
	box-shadow: none;
}
table.dataTable tr:nth-child(2n) td {
	background: #f9f9f9 !important;
}

table.dataTable.erlms_table thead th, 
table.dataTable.erlms_table thead td,
table.dataTable.erlms_table tbody th, 
table.dataTable.erlms_table tbody td {
	padding: 5px 5px!important;
}
table.dataTable.erlms_table tbody th, 
table.dataTable.erlms_table tbody td {
	font-size: 13px !important;
}
.dataTables_scrollBody table.table {
	width: 99.9% !important;
}
div.dts div.dataTables_scrollBody {
	background: #fff !important;
}
/*=============end of dataTable custom border and color============*/

.padding_top15 {
	padding-top: 15px;
}
.section_wrapper.erlms_site {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
input[type="date"], input[type="email"], input[type="number"], 
input[type="password"], input[type="search"], input[type="tel"], 
input[type="text"], input[type="url"], select, textarea {
	font-size: 13px;
}

.min-height {
	min-height: 400px;
}
.formvalidation{
	border: 1px solid red;
}

.text-wrap {
    white-space:normal;
}
.width-200 {
    /* width:270px; */
    width: 100% !important;
	word-wrap: break-word;
} 

/*=========Switcher==========*/
#user_info_switcher {
	text-align: center;
	background: #efefef;
	border-radius:0px 0px 0px 3px;
	right: -260px;
	padding: 10px 10px 6px 10px;
	position: fixed;
	top: 140px;
	width: 260px;
	z-index: 111;
	word-wrap:break-word;
	-webkit-box-shadow: 15px 10px 25px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 15px 10px 25px 0px rgba(0,0,0,0.2);
	box-shadow: 15px 10px 25px 0px rgba(0,0,0,0.2);		
}
#user_info_switcher .switcher-title {
	display: block;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 5px;
	text-align:left;
}
#user_info_switcher .switcher {
	display: block;
	text-align: center;
	height: 35px;
	line-height: 40px;
	position: absolute;
	left: -35px;
	top: 0;
	width: 35px;
	border-radius: 50% 0px 0px 50%;
	background: #552185;
	color: #fff;
}
.switcher img {
	width: 20px;
}
.switcher-section {
  list-style: none;
  overflow: hidden;
}
.switcher-section > a > span.button_label {
	padding: 5px 10px;
	width: 100%;
	text-transform: uppercase;
}
.switcher-section > p {
	margin: 0;
	text-align: left;
}
.userBtnW {
	min-width:120px;
	text-align:center;
	margin-top: 5px;
}
#user_info_switcher ul.UserInfo {
	text-align: left;
}
#user_info_switcher ul.UserInfo li {
	word-wrap:break-word;
}
#user_info_switcher ul.UserInfo li > i {
	font-size: 18px;
	float: left;
	color: #552185;
}
#user_info_switcher ul.UserInfo li ul.UserRoles {
	width: 208px;
	float: left;
}
#user_info_switcher ul.UserInfo li ul.UserRoles > li {
	width: 100%;
}
#user_info_switcher .border_bottom {
	border-bottom: 1px solid #cfcbcb;
	padding-bottom: 5px;
}
/*========end of Switcher==========*/
/* a.home-btn {
	padding: 1px 0px !important;
} */
a.home-btn.bg-color-1 {
	background-color: #552185 !important;
}

.entryformCol {
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 15px;
}
.entryformCol .twoThird.column {
	width: 65%;
	margin: 0px;
}
.entryformCol .oneThird.column {
	width: 35%;
	margin: 0px;
}
.entryformCol .oneThird.column textarea{
	min-height: 95px;
}
.width-230 {
	width: 100% !important;
}

.wizard_head {
	text-align: center;
	margin-bottom: 15px;
}
.wizard_title {
	font-size: 22px;
	font-weight: 600;
	line-height: 22px;
	margin-bottom: 5px;
}
.wizard_subtitle {
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
	margin-bottom: 5px;
}
.swGridCellColor {
	background-color: #f4e3c9 !important;
}
.ag-theme-alpine {
	font-family: inherit !important;
	font-size: inherit !important;
	color: inherit !important;
	color: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
}
.ag-theme-alpine .ag-row {
	color: inherit !important;
	color: inherit !important;
}
.ag-theme-alpine .ag-header-cell, 
.ag-theme-alpine .ag-header-group-cell {
	padding-left: 8px !important;
	padding-right: 8px !important;
}
.ag-theme-alpine .ag-cell, 
.ag-theme-alpine .ag-row > .ag-cell-wrapper {
	padding-left: 7px !important;
	padding-right: 7px !important;
}

.header-box .panel-heading.button-stroke {
	padding-bottom: 0px !important;
	background-color: transparent !important;
	border: none !important;
	padding: 0px !important;
}

/* Responsive css */
.table-responsive {
	overflow-x: inherit;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
	.table-responsive {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
}
@media (max-width: 1200px) {
	.table-responsive {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 959px) {
	.button-stroke button.button_js {
		margin-bottom: 7px !important;
	}
	.hieghtcmt {
		height: auto;
	}
	.table-responsive {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.modal-content {
		width: 100% !important;
	}	
	.popupModal {
		padding-top: 5px !important;
	}
	.table tbody td input {
		width: 110px !important;
	}	
}
/* small mobile :320px. */
@media (max-width: 479px) {
	.button-stroke button.button_js {
		margin-bottom: 7px !important;
	}
	.hieghtcmt {
		height: auto;
	}
	.table-responsive {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}	
	.modal-content {
		width: 100% !important;
	}	
	.popupModal {
		padding-top: 5px !important;
	}
	#Top_bar .top_bar_left {
		width: 250px !important;
	}
	
	.table tbody td input {
		width: 110px !important;
	}
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.button-stroke button.button_js {
		margin-bottom: 7px !important;
	}
	.hieghtcmt {
		height: auto;
	}
	.table-responsive {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.modal-content {
		width: 100% !important;
	}
	.popupModal {
		padding-top: 5px !important;
	}
	.table tbody td input {
		width: 110px !important;
	}	
}

.isDatepicker > input.form-control-ctm {
	border: 1px solid #e8e8e8 !important;
	padding-left: 5px;
}
.button-default .button .button_icon::after {
	background-color: transparent !important;
}
.cmtgroup_btn button.btn_custom {
	margin: 0px 0px 15px 0px !important;
}


/*====*/
.instance_site_area {
	border: 1px solid #eee;
	padding-top: 12px;
	padding-bottom: 0px;
	background: #f7f7f7;
}
a.instance_site {
	width: 100%;
	background: rgba(255,255,255,1);
	min-height: 85px;
	color: #8d8d8d;
	display: inline-block;
	padding: 5px 10px;
	position: relative;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	position: relative;
}
a.instance_site h4 {
	margin-bottom: 0px;
	font-size: 20px;
}
a.instance_site p {
	margin-bottom: 0px;
}
a.instance_site.active,
a.instance_site.active h4,
a.instance_site.active p,
a.instance_site:hover,
a.instance_site:hover h4,
a.instance_site:hover p {
	text-decoration: none;
	background: #005bae;
	color: #fff;
}


.control_icon_relative {
	position: relative;
}
.control_icon_relative .control_icon {
	position: absolute;
	right: 3px;
	top: 3px;
	z-index: 11;
	background: #ffffff;
	padding: 1px 5px;
	border: 1px solid #cac9c9;
	border-radius: 3px;
}
.control_icon a.edit_icon i.fa,
.control_icon a.delete_icon i.fa{
	font-size: 18px;
	margin: 2px 4px 0px 4px;
}
.control_icon a.edit_icon i.fa{
	color: #005bae;
}
.control_icon_relative:hove a.edit_icon i.fa{
	color: #ffffff;
}
.control_icon a.delete_icon i.fa {
	color: #ff3860;
}

a.instance_site .site_percent {
	position: absolute;
	right: 3px;
	bottom: 3px;
	background: #005bae;
	border-radius: 1px;
	padding: 0px 5px;
	color: #fff;
}
a.instance_site:hover .site_percent,
a.instance_site.active .site_percent {
	background: #ffffff;
	color: #111;
}
.inst_site_name {
	position: absolute;
	left: 80px;
	bottom: 10px;
	font-size: 18px;
	color: #005a87;
	margin: 0;
	text-align: left;
	width: 150px;
}
.is-sticky .inst_site_name {
	bottom: 0px;
}
@media only screen and (max-width: 767px){
	#Top_bar .logo .inst_site_name {
		right: 0;
		margin: 0 auto;
		bottom: 25px;
	}
}
/* 
a.blue_bgcolor {
	background: #47adf8 !important;
}

#Top_bar .top_bar_right {
	padding: 0 5px 0 5px !important;
	width: 110px;
	position: absolute;
	right: 0;
	z-index: 9999;
}
 */