/*
Author: 		SoftWorks
Author URI: 	https://softworksbd.com
Author Email: 	info@softworksbd.com
Author Phone: 	+8809612779988, +8801701771820
*/


/* Theme customization starts here
-------------------------------------------------------------- */

@import "buttons.css?ver=1";
@import "sw_menu.css?ver=1";

/* ======================
   Default css
   ====================== */

body {
    font-size: 14px;
    line-height: 21px;
    color: #626262;
    font-family: var(--primary-font-family);
    font-weight: normal;
    font-style: normal;
}

*::-moz-selection {
    background: #0078d7;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #0078d7;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #0078d7;
    color: #fff;
    text-shadow: none;
}

h2,
h2 a,
h2 a:hover {
    color: #000000;
}

p {
    font-family: var(--primary-font-family);
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--secondary-font-family);
}

h2 {
    font-size: 30px;
    line-height: 30px;
}

label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
}

select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important;
}

button,
input,
select,
textarea {
    font-size: inherit;
    line-height: inherit;
}

button,
select {
    text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    margin: 0;
}

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 {
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    box-shadow: none;
    color: #626262;
    background-color: rgba(255, 255, 255, 1);
    border-color: #EBEBEB;
    font-family: var(--primary-font-family);
}

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 {
	padding: 10px;
	outline: none;
	margin: 0;
	width: 230px;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	font-size: 13px;
	border-width: 1px;
	border-style: solid;
	border-radius: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
}
table {
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-spacing: 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.margin-bottom {
    margin-bottom: 0;
}

.margin-bottom0 {
    margin-bottom: 0px;
}

#Content {
    padding-top: 0px !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;
}

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

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.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-b10 {
    margin-bottom: 10px !important;
}

.margin-r0 {
    margin-right: 0px !important;
}

.margin-l0 {
    margin-left: 0px !important;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.width-100 {
    width: 100%;
}

.popup_visible .custom-popup {
    transform: scale(1);
}

.custom-popup {
    background-color: rgba(0, 0, 0, 0.9);
    color: #777;
    padding: 15px;
    text-align: center !important;
}

.custom-popup.light {
    background-color: #f9f9f9;
}


.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;
}

.header_title {
    font-size: 34px;
    line-height: 42px;
    font-weight: 200;
    letter-spacing: 0px;
}

.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: #626262;
}


/*form-group custom*/

.form-group-ctm {
    width: 100%;
    background: #ffffff;
    padding: 2px 10px;
    margin-bottom: 15px;
    border: 1px solid #ededed;
    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: #626262;
}

.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: 0px 3px 0px 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: #626262;
    background-color: #ffffff !important;
    /*background-color: rgba(255, 255, 255, 1) !important;
    color: #6b61a2 !important;
    border: 1px solid #6b61a2 !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: #626262;
    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: #ff6e01;
    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: #1e73be;
}

.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);
}


/* 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: #626262 !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: #626262;
    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: #111 !important;
    border: 1px solid #ccc9c9 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 15px 15px 0 !important;
}

#Subheader {
    /* background: url(images/pss_pattern.png) repeat left !important; */
    background: #1e73bead !important;
}

table th {
    color: #5f6d78;
}

table tr:hover td {
    background: none !important;
}


/*table.dataTable tbody tr:hover td {
        background-color: #ff6e01 !important;
        color: #ffffff !important;
}

table.dataTable.display tbody tr:hover {
    background-color: #ff6e01 !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: #d25a00;
}

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: #d25a00;
}

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: #d25a00;
}

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: #d25a00;
}

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: #d25a00;
}

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: #d25a00;
}

.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: #d4c012;
    border-color: transparent;
    border-radius: 50%;
    box-shadow: rgb(212, 192, 18) 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: #a49a42;
}

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: #d4c012;
    border-color: transparent;
    border-radius: 50%;
    box-shadow: rgb(212, 192, 18) 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: #a49a42;
}

a.IconBtn2 {
    background-color: #d4c012;
    border-color: transparent;
    border-radius: 50%;
    box-shadow: rgb(212, 192, 18) 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: #a49a42;
}

a.IconBtn3 {
    background-color: #d4c012;
    border-color: transparent;
    border-radius: 50%;
    box-shadow: rgb(212, 192, 18) 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: #a49a42;
}

span.mapIcon {
    background-color: #d4c012;
    border-color: transparent;
    border-radius: 50%;
    box-shadow: rgb(212, 192, 18) 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: #a49a42;
}

/*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 #d25a00;
    background: #ffffff;
}

.cus_onboarding .owl-dots .owl-dot .active span {
    border: 1px solid #d25a00;
    background: #d25a00;
}

a.skipClass {
    padding: 3px 10px;
    color: #ffffff;
    background: #d25a00;
    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, #1e73be 0%, #1e73be 100%) !important;
    border: 1px solid #1e73be !important;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #1e73be 0%, #1e73be 100%) !important;
    box-shadow: 0 0 3px #1e73be 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, #1e73be 0%, #1e73be 100%) !important;
    border: 1px solid #1e73be !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: #1e73be !important;
    color: #ffffff;
}


/*=========end of background Color Gray for table Tr Border Spacing==========*/

.social {
    float: right;
    color: #ffffff;
}

.social a {
    color: #ffffff;
}

@media all and (min-width: 320px) and (max-width: 767px) {
    .social {
        float: right;
    }
}


/*---------------------- 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;
}

.row_selected {
    background-color: #1e73be !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: #ff6e01;
    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: #bfbfbf !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: 15px;
}

.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-primary {
    background-color: #ff6e01;
    border-color: #2e6da4;
    color: #fff;
}

.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: #1e73be;
    border-color: #1e73be;
}

.btn-primary:hover {
    color: #fff;
    background-color: #1e73be;
    border-color: #1e73be;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.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;
}

#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: #ff6e01;
    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 .title {
    color: #fff !important;
    font-size: 21px !important;
    font-style: normal !important;
    /* line-height: 25px !important; */
    padding-top: 3px !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: 0px !important;
}

#login_info .social {
    margin-top: 5px !important;
}

a.button,
a.tp-button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    margin-bottom: 0;
}

.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: 6px 20px;
    /*padding: 6px 5px;*/
}

a.button .button_icon {
    padding: 6px 12px;
    /*padding: 6px 8px;*/
}

#Top_bar .menu li ul {
    /*width: 400px;*/
    width: 300px;
}

#Top_bar .menu li ul li {
    width: 100%;
}

#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;
}

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: #ff6e01;
    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: #626061 !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;
}

/* 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) {
    .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;
    }
}

/* 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;
    }
}

/* 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: #1e73be !important;
    color: #111 !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: 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: 5px 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 12px;
}

#Top_bar .top_bar_right a:not(.action_button) {
    color: #000000 !important;
}

#Top_bar .wpml-languages a.active {
    border: 1px solid #000000 !important;
}

#Top_bar .wpml-languages ul.wpml-lang-dropdown {
    border-color: #000000 !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: #626262;
    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;
}

/*Subheader*/
#Subheader .title {
   
    width: 100%;
}

/* small mobile :320px. */
@media (max-width: 479px) {
    #Subheader .title {
        padding-left: 0px;
    }
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #Subheader .title {
        padding-left: 0px;
    }
}

.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: 8px;
}

.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 #1e73be;
    border-color: #1e73be transparent #1e73be 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;
}

/*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 #fecb00;
    color: #8f8f8f;
    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);
}

.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: #fecb00;
    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: #ff6e01;
    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;
}

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

.um-groups-single .um-member-directory-header-row .um-member-directory-search-line input[type="search"].um-search-line {
    margin-bottom: 0px !important;
    width: 79% !important;
}

.um-groups-single .um-member-directory-header-row .um-member-directory-search-line input[type="button"].um-do-search {
    top: 0;
    position: absolute;
    right: 0;
}


/*===File upload===*/
.form-group-attach {
	margin-bottom: 10px;
}
.form-group-attach input.form-control-attach {
	width: 100%;
	margin-bottom: 0px;
}
.file_up {
	position: relative;
}
.file_up .file_browse_box {
	position: absolute;
	right: 0;
	top: 0;
}
.file_up .file_browse {
	display: none;
	visibility: hidden;
}
.file_up .file_browse_icon {
	border: 1px solid #ddd;
	padding: 10px 15px;
	margin-bottom: 0px;
	background: #fff;
}
.file_up .file_browse_icon i.fa {
	margin-right: 10px;
}
.file_up_box {
	overflow: hidden;
	margin-top: 5px;
}
.file_up_box img {
	width: 100%;
	height: 100%;
	border: 1px dashed #ddd;
	padding: 5px;
}
.file_up_box a {
	color: #686868;
}

.file_up_box table.attachment_list {
	margin-top: 10px;
}
.file_up_box table.attachment_list tr td {
	box-shadow: none;
}
.file_up_box table.attachment_list tr td a.deleteIcon {}
.file_up_box table.attachment_list tr td a.deleteIcon i.fa {
	color: red;
}

.soft_preloader {
    width: 30px;
    height: 30px;
}

.soft-lds-dual-ring {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.soft-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 #1e73be;
    border-color: #1e73be transparent #1e73be transparent;
    animation: soft-lds-dual-ring 1.2s linear infinite;
}

@keyframes soft-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);
    }
}


/*--------Login and Register-----------*/
.loginsignup-area {
    padding-top: 100px;
    padding-bottom: 100px;
    height: auto;
    font-size: 14px;
}

.signup_w {
    width: 400px;
}

.login_w {
    width: 400px;
}

.login {
    width: 400px;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    -webkit-box-shadow: 0px 15px 66px 5px rgba(217, 217, 217, 0.8);
    -moz-box-shadow: 0px 15px 66px 5px rgba(217, 217, 217, 0.8);
    box-shadow: 0px 15px 66px 5px rgba(217, 217, 217, 0.8);
}

.login .form-group {
    margin-bottom: 20px;
    text-align: left;
}

.login .form-group label {
    color: #626262;
}

.login .form-group input {
    border-radius: 0px;
    border: 1px solid #dddddd;
    font-size: 14px;
    padding: 10px 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

.text-center {
    text-align: center;
}

.login .login-btn {
	width: 100%;
	text-transform: capitalize;
	font-size: 22px;
	padding: 5px 26px;
	border: 0px;
	margin-bottom: 15px;
	background: #1e73be !important;
	color: #ffffff;
	border-radius: 3px !important;
}

.loginsignup-area h3 {
    margin-bottom: 5px;
}

.loginsignup-area h3 a {
    color: #626262;
}

.loginsignup-area h3 a:hover {
    color: #1e73be;
}

.errorMsg {
    color: #e92c2c;
    text-align: left;
    background: #fdd;
    padding: 10px 10px;
    margin-bottom: 15px;
    border-radius: 3px;
}

.dnone {
    display: none;
}

/* ======================
   checkbox css
   ====================== */
.checkbox_group {
    margin-bottom: 15px;
    width: 100%;
}

.tw_checkbox span:before,
.tw_checkbox span:after {
    content: "";
    display: inline-block;
    background: #fff;
    width: 0;
    height: 0.2rem;
    position: absolute;
    transform-origin: 0% 0%;
}

.tw_checkbox {
    position: relative;
    height: 2rem;
    display: flex;
    align-items: center;
}

.tw_checkbox input {
    display: none;
}

.tw_checkbox input:checked~span:before {
    width: 1rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.3s;
}

.tw_checkbox input:checked~span:after {
    width: 0.4rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.2s;
}

.tw_checkbox input:disabled~span {
    background: #ececec;
    border-color: #dcdcdc;
}

.tw_checkbox input:disabled~label {
    color: #a7a7a7;
}

.tw_checkbox input:disabled~label:hover {
    cursor: default;
}

.tw_checkbox label {
    padding-left: 2rem;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-bottom: 0;
    margin-top: 0 !important;
    font-weight: bold !important;
}

.tw_checkbox span {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid #ccc;
    position: absolute;
    left: 0;
    transition: all 0.2s;
    z-index: 1;
    box-sizing: content-box;
}

.tw_checkbox span:before {
    transform: rotate(-55deg);
    top: 1rem;
    left: 0.37rem;
}

.tw_checkbox span:after {
    transform: rotate(35deg);
    bottom: 0.35rem;
    left: 0.2rem;
}

.tw_checkbox input:checked~span {
    background: #1e73be;
    color: #ffffff;
    border-color: #1e73be;
}

/* ======================
   Language Switcher css
   ====================== */
.lang_switcher_dropdown {
	float: right;
	margin-top: 33px;
	margin-left: 10px;
}

.lang_switcher_dropdown ul.lang_switcher {
    list-style: none;
    margin: 0;
    padding: 0;
    float: none;
}

.lang_switcher_dropdown ul.lang_switcher li {
    float: left;
    position: relative;
    width: 90px;
    text-align: center;
}

.lang_switcher_dropdown ul.lang_switcher li a {
    color: #ffffff !important;
    display: block;
    padding: 8px 6px 8px 6px;
    font-size: 13px;
    text-decoration: none;
    border: 1px solid #ffffff !important;
    background-color: #1e73be;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.lang_switcher_dropdown ul.lang_switcher li:hover a,
.lang_switcher_dropdown ul.lang_switcher li.active a {
    border-radius: 5px 5px 0px 0px;
}

.lang_switcher_dropdown ul.lang_switcher li ul.lang_submenu {
    position: absolute;
    top: 100%;
    right: 0;
    width: auto;
    visibility: hidden;
    opacity: 0;
    z-index: 99999999;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.lang_switcher_dropdown ul.lang_switcher li:hover ul.lang_submenu {
    visibility: visible;
    opacity: 1;
}

.lang_switcher_dropdown ul.lang_switcher li ul.lang_submenu li {
    margin-right: 0px;
}

.lang_switcher_dropdown ul.lang_switcher li ul.lang_submenu li a {
    border-top: none !important;
}

.lang_switcher_dropdown ul.lang_switcher li:hover ul.lang_submenu li a,
.lang_switcher_dropdown ul.lang_switcher li ul.lang_submenu li:hover a,
.lang_switcher_dropdown ul.lang_switcher li ul.lang_submenu li.active a {
    border-radius: 0px 0px 5px 5px;
}

.sticky .lang_switcher_dropdown ul.lang_switcher li a {
    color: #fff;
    border: 1px solid #fff;
}

.desktop_lang_switcher {
    display: block;
}

.mobile_lang_switcher {
    display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .desktop_lang_switcher {
        display: none;
    }

    .mobile_lang_switcher {
        display: block;
        margin-left: 20px;
        margin-top: 10px;
    }

    .lang_switcher_dropdown.mobile_lang_switcher ul.lang_switcher li ul.lang_submenu {
        list-style: none;
    }

    .lang_switcher_dropdown.mobile_lang_switcher ul.lang_switcher li a {
        color: #fff;
        border: 1px solid #fff;
    }
}

@media (max-width: 767px) {
    .desktop_lang_switcher {
        display: none;
    }

    .mobile_lang_switcher {
        display: block;
        margin-left: 20px;
        margin-top: 10px;
    }

    .lang_switcher_dropdown.mobile_lang_switcher ul.lang_switcher li ul.lang_submenu {
        list-style: none;
    }

    .lang_switcher_dropdown.mobile_lang_switcher ul.lang_switcher li a {
        color: #fff;
        border: 1px solid #fff;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .desktop_lang_switcher {
        display: none;
    }

    .mobile_lang_switcher {
        display: block;
        margin-left: 20px;
        margin-top: 10px;
    }

    .lang_switcher_dropdown.mobile_lang_switcher ul.lang_switcher li ul.lang_submenu {
        list-style: none;
    }

    .lang_switcher_dropdown.mobile_lang_switcher ul.lang_switcher li a {
        color: #fff;
        border: 1px solid #fff;
    }
}

/* ======================
    Home css
   ====================== */
.section .section-decoration.bottom {
    bottom: 0;
    background-position: center bottom;
}

.section .section-decoration {
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    background-repeat: repeat-x;
    z-index: 2;
}

#Content h5 {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0px;
}

#Content h2 {
    font-size: 45px;
    line-height: 55px;
    font-weight: 200;
    letter-spacing: 0px;
}

/* ======================
   Footer css
   ====================== */

#Footer h3,
#Footer h3 a,
#Footer h3 a:hover {
    color: #ffffff;
    font-size: 25px;
    line-height: 29px;
    font-weight: 200;
    letter-spacing: 0px;
}


#Footer a {
    color: #ffffff;
}

a:hover {
    color: #1e73be;
}

*::selection {
    background-color: #0095eb;
    color: white;
}

a.button {
    background-color: #bbbbbb;
    color: #ffffff;
}

a.button_theme {
    background-color: #1e73be;
    color: #ffffff;
}


#Footer {
    position: relative;
}

#Footer a {
    color: #9f9c9c;
}

#Footer a:hover {
    color: #ffffff;
}


/* Back to top button */
#back_to_top.in_footer .footer-up-icon {
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: none !important;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
}

a#back_to_top.button.button_js,
#popup_contact>a.button {
    color: #65666c;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}

#back_to_top.button.button_js:hover:after {
    width: 0%;
}

#back_to_top.in_footer {
    position: absolute;
    bottom: 20px;
    right: 75px;
}

#back_to_top {
    float: right;
    margin: -9px 0 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    text-align: center;
}
h5, h5 a, h5 a:hover {
  color: #606060;
}
a.content_link .title {
  color: #161922;
}
a.content_link.active {
  background-image: url("../images/stripes/stripes_3_b.png");
  text-decoration: none;
}

a.content_link {
	display: inline-block;
	position: relative;
	border-width: 1px;
	border-style: solid;
	width: 140px;
	padding: 25px 15px;
	text-align: center;
	margin-left: -1px;
	background-color: #fff;
	border-color: rgba(0,0,0,.08);
}

.ui-tabs .ui-tabs-nav li.ui-state-active a, 
.accordion .question.active .title > .acc-icon-plus, 
.accordion .question.active .title > .acc-icon-minus, 
.faq .question.active .title > .acc-icon-plus, 
.faq .question.active .title, 
.accordion .question.active .title {
  color: #1e73be;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a, 
.ui-tabs .ui-tabs-nav li.ui-state-active a {
  cursor: text;
}
.accordion .question .answer, 
.ui-tabs .ui-tabs-panel, 
.ui-tabs .ui-tabs-nav li.ui-state-active a, 
.ui-tabs .ui-tabs-nav li.ui-tabs-selected::after, 
.ui-tabs .ui-tabs-nav li.ui-state-active::after, 
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a {
  background-color: #fff;
}
.ui-tabs .ui-tabs-nav li a {
  display: block;
  font-size: 13px;
  font-weight: 700;
  padding: 14px 56px !important;
  text-decoration: none;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active {
  border: 1px solid #e0e1e4 !important;
}

/*========Success and Error message css===========*/
.message_card {}
.message_card .success_msg {
	background: #eaf8ef;
	color: #3a8b5b;
	padding: 20px 15px;
	border-left: 10px solid #3a8b5b;
	font-size: 16px;
	margin-top: 10px;
}
.message_card .error_msg {
	background: #fae9e8;
	color: #962317;
	padding: 20px 15px;
	border-left: 10px solid #962317;
	font-size: 16px;
	margin-top: 10px;
}

a.content_link, 
a:hover.content_link {
	color: #1e73be;
}
a.content_link::before {
	content: "";
	z-index: 2;
	opacity: 0;
	position: absolute;
	left: 50%;
	bottom: -1px;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px;
	border-color: transparent;
}
a.content_link.active::before {
	opacity: 100;
}
a.content_link::before {
	border-bottom-color: #1e73be;
}
a.content_link::after, 
a.content_link::before {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a.content_link::after {
	content: "";
	z-index: 2;
	opacity: 0;
	height: 0;
	width: 100%;
	border-width: 0 0 5px;
	border-style: solid;
	position: absolute;
	left: 0;
	bottom: -6px;
}
a.content_link.active::after {
	opacity: 100;
}
a.content_link::after {
	border-color: #1e73be;
}
a.content_link, 
a:hover.content_link {
	color: #1e73be;
}
a.content_link .title {
	font-weight: 700;
}

.wpcf7-form .column {
  margin-bottom: 10px;
}
span.wpcf7-form-control-wrap {
  width: 100%;
  position: relative !important;
  display: inline-block;
  margin-bottom: 3px;
}
span.wpcf7-form-control-wrap .wpcf7-date, span.wpcf7-form-control-wrap .wpcf7-quiz, span.wpcf7-form-control-wrap .wpcf7-number, span.wpcf7-form-control-wrap .wpcf7-select, span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0;
}


/*======Dashboard Report List CSS========*/
.report_list_bg {
	background-color:#626061 !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 {
	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;
}
.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 #b6afaf;
	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: #1e73be;
	font-size: 20px;
}

.reports_tooltip {
  position: relative;
  display: inline-block;
}
.reports_tooltip .tooltiptext {
  visibility: hidden;
  width: 345px;
  background-color: #1e73be;
  color: #fff;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  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 #1e73be;
}
.reports_tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.tooltiptext p {}
.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========*/

  

/*Report details tooltip*/
span.reports_det_info_icon {}
span.reports_det_info_icon > .fa {
	color: #1e73be;
	font-size: 20px;
}

.reports_det_tooltip {
  position: relative;
  display: inline-block;
}
.reports_det_tooltip .tooltiptext_det {
  visibility: hidden;
  width: 345px;
  background-color: #1e73be;
  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 #1e73be 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*/

/* Tabs, Accordion, Toggle, Table, Faq */

.ui-tabs .ui-tabs-nav li a,.accordion .question .title,.faq .question .title,table th{color:#444}
.ui-tabs .ui-tabs-nav li.ui-state-active a:after,body.table-hover:not(.woocommerce-page) table tr:hover td,body.table-hover:not(.woocommerce-page) table tr:hover td a{color:#fff}
.accordion .question .answer,.ui-tabs .ui-tabs-panel,.ui-tabs .ui-tabs-nav li.ui-state-active a,.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,.ui-tabs .ui-tabs-nav li.ui-state-active:after,.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a{background-color:#fff}

.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;
}

#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;
}
table th {
	font-weight: 700;
	background: #f9f9f9;
	box-shadow: inset 0px 4px 3px -2px rgba(0,0,0,.04);
}
table th, table td {
	padding: 10px;
}

/* ======================
   upload css
   ====================== */
.tp-upload-box {
	margin: 0 auto;
	background: #fff;
	-webkit-box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.8);
	-moz-box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.8);
	box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.8);	
}
.tp-header {
	border-bottom: 1px solid #ddd;
	padding: 10px 20px;
	font-size: 20px;
}
.tp-body {
	padding: 20px 30px;	
}
.tp-footer {
	border-top: 1px solid #ddd;
	padding: 15px 30px;
	overflow: hidden;
}
.tp-file-upload {
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.tp-file-upload input.tp-upload {
	opacity: 0;
	display: none;
	visibility: hidden;
}
.tp-file-upload label.tp-uploader {
	width: 100%;
	height: 100%;
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;
	margin: 0;
}
.tp-file-upload label.tp-uploader span.icon-upload {
	font-size: 50px;
}

.tp-file-upload input.tp-form-control {
	display: block;
	width: 100%;
	padding: 10px 10px;
	font-size: 16px;
	color: #495057;
	background-color: #eee;
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	margin-bottom: 0;
}
.tp-file-upload .file_browse_box {
	position: absolute;
	right: 0;
	top: 0;
}
.tp-file-upload .file_browse {
	display: none;
	visibility: hidden;
}
.tp-file-upload .file_browse_icon {
	border: 1px solid #ddd;
	padding: 6px 15px;
	background: #fff;
	margin: 5px 5px 5px 0px;
	border-radius: 6px;
	cursor: pointer;
}
.tp-file-upload .file_browse_icon span,
.tp-file-upload .file_browse_icon i {
	margin-right: 5px;
	font-size: 16px;
}
.tp_upload_btn {
	padding: 7px 20px;
	background-color: #1e73be;
	color: #fff;
}
button:disabled, 
button[disabled] {
	border: 1px solid rgba(0, 0, 0, 0.12);
	background-color: rgba(0, 0, 0, 0.12);
	color: rgba(0, 0, 0, 0.26);
}
.refesh_btn {
	padding: 2px 10px;
	font-size: 15px;
	background-color: #1e73be;
	color: #fff;	
}
.selectFile {
	font-size: 16px;
	width: 100%;
	padding: 0 15px 15px 15px;
}
.selectFile span.red, 
.red {color: red;}
.selectFile span.green, 
.green {color: green;}

.sw_preloader {
	width: 35px;
	height: 35px;
	position: relative;
}

.load_success_list {
	width: 100%;
}
.load_success_list li {
	width: 100%;
	display: inline-block;
	margin-bottom: 15px;
	font-size: 14px;
}
.load_success_list li .sw_icon {
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	margin-right: 5px;
	background: #06a406;
	color: #fff;	
}
.load_success_list li .sw_icon.error_msg {
	background: #f41515;
	color: #fff;	
}
.load_success_list li .sw_icon.warning_msg {
	background: #ffc107;
	color: #fff;	
}
.load_success_list li strong {
	margin-right: 5px;
}
.text_right {
	text-align: right;
}
.text_center {
	text-align: center;
}

.msg_head {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 600;	
}

/* ======================
   Radio css
   ====================== */
.w-100 {
    width: 100%!important;
}
ul.import_type_list {
    display: inline-block;
}
ul.import_type_list li {
    float: left;
    margin-right: 20px;
}
ul.import_type_list li label.checkbox-title {
    margin: 0;
}

.checkboxlist label.checkbox-title {
	font-weight: 400;
}
.checkboxlist input[type="checkbox"], 
.checkboxlist input[type="radio"] {
	border: 1px solid #1e73be;
	border-radius: 4px;
	background: #fff;
	color: #1e73be;
	clear: none;
	cursor: pointer;
	display: inline-block;
	line-height: 0;
	height: 16px;
	width: 16px;
	min-width: 16px;
	margin: -3px 5px 0px 0px;
	outline: 0;
	padding: 0 !important;
	text-align: center;
	vertical-align: middle;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	transition: .05s border-color ease-in-out;
	font-size: 14px;
}
.checkboxlist input[type="radio"] {
	border-radius: 50%;
	margin-right: 5px;
	line-height: .71428571;
}
.checkboxlist input[type="checkbox"]:checked::before, 
.checkboxlist input[type="radio"]:checked::before {
	float: left;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.checkboxlist input[type="checkbox"]:checked::before {
	font-family: "FontAwesome";
	content: "\f00c";
	margin: 7px 0px 0px -1px;
	font-size: 12px;
	color: #1e73be;
}
.checkboxlist input[type="radio"]:checked::before {
	content: "";
	border-radius: 50%;
	width: 8px;
	height: 8px;
	margin: 3px;
	background-color: #1e73be;
	line-height: 1.14285714;
}