/* Import fonts */

@import url(font.css);
:root {
--primarycolor: #ff9700;
--primarycolorhov: #e35802;
--secondary-color: #2a3542;
--darkcolor-black: #2a3542;
--all-white-color: #fff;
--text-primary-color: #3a3b45;
--text-fade-color: rgba(255, 255, 255, 0.3);
--darkcolor: #000;
--alladmincolor: #eee;
--dangerbgcolor: #dc3545;
--btnbordercolor: #ff9700;
--textsucess: #28a745;
--textprimary: #007bff;
--text-secondary-color: #6c757d;
--text-info: #17a2b8;
--text-warning: #ffc107;
--btn-hover-color: linear-gradient(180deg, #f57a1a 0, #e35802);
--bg_gray: #666359;

}

table.dataTable td.dt-control:before{display:inline-block;color:rgba(0, 0, 0, 0.5);content:"+";
background-color: var( --primarycolor) !important;
width: 1em;
height: 1em;
color: #fff !important;
content:"+" !important;
line-height: 1em;
font-size: 20px;
text-align: center;
display: inline-block !important;}
table.dataTable tr.dt-hasChild td.dt-control:before{
content:"-" !important;;
background-color: var( --darkcolor-black) !important;
}
.pdfRow {
align-items: center;
display: flex;
}
.d-block {
display: block;
}
.f-500 {
font-weight: 500;
}

.select2-results {
overflow-y: scroll !important;
}

.regularfont {
font-family: regularEmber, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.mediumfont {
font-family: mediumEmber, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.thinitalicfont {
font-family: thinitalicEmber !important;
}

html {
font-family: regularEmber;
}

body h1,
h2,
h3,
h4 {
font-family: regularEmber, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

button, input, select, textarea {
font-family: regularEmber !important;
font-size:13px !important;
}
.footer-ul li::marker {
color: #ff9700;
}
.h-97{
height: 97px;
}
.h-64{
height: 60px;
}
.h-50{
height: 64px;
}
body {
color: #797979;
background: #eee;
/* background-image: linear-gradient(to right, #c6cad6,#525252d1,#e1d09a); */
font-family: regularEmber !important;
padding: 0px !important;
margin: 0px !important;
font-size: 14px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
overflow-x:hidden;
}



<!--  select option:hover{
      background-color: var(--secondary-color) ;
      color: var(--all-white-color) !important;
    }
 -->
.ban-head-new .dropdown-menu{
top: 28px;
left: -55px;
}
.btn-xs:focus{
color: #fff !important;
}

.ban-header-new{
display: flex;
justify-content: space-between;
align-items: center;
}




.panel-heading{
background: var( --secondary-color) !important;
}
.label-info {
background: var( --primarycolor) !important;
color: var(--all-white-color) !important;
}

.badge-light {
background: var( --primarycolor) !important;
color: var(--all-white-color) !important;
}
.panel-info>.panel-heading{

background: var( --secondary-color) !important;
color: var(--all-white-color) !important;
}


.select2-container--classic .select2-search--inline .select2-search__field {
width: auto !important;
}
.dropdown_menu a:hover{
background-color: var( --secondary-color);
color: #fff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
background-color: var( --secondary-color);
}

.select2-container {
border: none !important;
}
.head_div{
display: flex;
align-items: center;
}

.select2-container .select2-selection--single .select2-selection__rendered {
<!--     border: 1px solid gray; -->
border-radius: 4px !important;
}

ul li {
list-style: none;
}

a,
a:hover,
a:focus {
text-decoration: none;
outline: none;
cursor: pointer;
}

::selection {
background: #413554;
color: #fff;
}

::-moz-selection {
background: #413554;
color: #fff;
}

#container {
width: 100%;
height: 100%;
position: relative;
}
.input_text{
position: absolute;
top: 2px;
}


/*login page*/

.login-body {
background-color: #ff9700;
}


/* .form-signin {
max-width: 330px;
margin: 140px auto 0;
background: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 2px 18px -2px #000;
} */

.form-signin h2.form-signin-heading {
margin: 0;
padding: 10px 15px;
text-align: center;
background: black;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
color: #fff;
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
font-family: 'Open Sans', sans-serif;
}

.form-signin .checkbox {
margin-bottom: 14px;
}

.form-signin .checkbox {
font-weight: normal;
color: #b6b6b6;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
}

.form-signin .form-control {
position: relative;
font-size: 16px;
height: auto;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.form-signin .form-control:focus {
z-index: 2;
}

.form-signin input[type="text"],
.form-signin input[type="password"] {
margin-bottom: 15px;
border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #eaeaea;
box-shadow: none;
font-size: 12px;
}

.form-signin .btn-login {
color: #fff !important;
background-image: linear-gradient( 315deg, #ff4e00 0%, #ff9700 74%);
text-transform: uppercase;
margin-bottom: 10px;
margin-top: 40px;
}

.form-signin p {
text-align: center;
color: #b6b6b6;
font-size: 16px;
font-weight: 300;
}

.form-signin a {
color: #41cac0;
}

.form-signin a:hover {
color: #b6b6b6;
}

.login-social-link {
display: inline-block;
margin-top: 20px;
margin-bottom: 15px;
}

.login-social-link a {
color: #fff;
padding: 15px 28px;
border-radius: 4px;
}

.login-social-link a:hover {
color: #fff;
}

.login-social-link a i {
font-size: 20px;
padding-right: 10px;
}

.login-social-link a.facebook {
background: #5193ea;
margin-right: 22px;
box-shadow: 0 4px #2775e2;
float: left;
}

.login-social-link a.twitter {
background: #44ccfe;
box-shadow: 0 4px #2bb4e8;
float: left;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus,
.btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
background: var(--btn-hover-color) !important;
}


/*sidebar navigation*/

#sidebar {
width: 210px;
height: 100%;
position: fixed;
background: var( --secondary-color);
/* background-image: linear-gradient(to right, #2a3542,#d9b83d); */
overflow-y: scroll;
}

#sidebar ul li {
position: relative;
margin-top: 0px !important;
}


/* #sidebar .sub-menu > .sub li {
padding-left: 15px;
} */

#sidebar .sub-menu>.sub li:last-child {
padding-bottom: 10px;
}


/*LEFT NAVIGATION ICON*/


/*.dcjq-icon {*/


/* height:17px;*/


/* width:17px;*/


/* display:inline-block;*/


/* background: url(../img/nav-expand.png) no-repeat top;*/


/* border-radius:3px;*/


/* -moz-border-radius:3px;*/


/* -webkit-border-radius:3px;*/


/* position:absolute;*/


/* right:10px;*/


/* top:15px;*/


/*}*/


/*.active .dcjq-icon {*/


/* background: url(../img/nav-expand.png) no-repeat bottom;*/


/* border-radius:3px;*/


/* -moz-border-radius:3px;*/


/* -webkit-border-radius:3px;*/


/*}*/

.dcjq-icon {
position: relative;
top: -13px;
float: right;
}

.dcjq-icon:before {
font-family: fontawesome;
font-size: 12px;
font-weight: bold;
position: absolute;
top: 23px;
right: 1rem;
content: '\f107';
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.panel-title a:hover{
color: #fff !important;
}

.active .dcjq-icon:before {
-webkit-transform: rotateZ(180deg);
-ms-transform: rotate(180deg);
transform: rotateZ(180deg);
}


/*---*/

.nav-collapse.collapse {
display: inline;
}

ul.sidebar-menu,
ul.sidebar-menu li ul.sub {
margin: -2px 0 0;
padding: 0;
}

ul.sidebar-menu {
margin-top: 75px;
}

#sidebar>ul>li>ul.sub {
display: none;
}

#sidebar>ul>li>ul.sub {
display: none;
}

#sidebar>ul>li.active>ul.sub,
#sidebar>ul>li>ul.sub>li>a {
display: block;
}

ul.sidebar-menu li ul.sub li {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}

ul.sidebar-menu li ul.sub li:last-child {
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
}

.box-header {
color: var(--darkcolor);
}

ul.sidebar-menu li ul.sub li a {
font-size: 14px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
color: var(--darkcolor-black);
padding: 0.5rem 1rem;
margin: 0 0.5rem;
}

ul.sidebar-menu li ul.sub li a:hover,
ul.sidebar-menu li ul.sub li a.active,
ul.sidebar-menu li ul.sub li.active a {
color: #3a3b45;
;
background-color: #eaecf4;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
display: block;
border-radius: 5px!important;
}

ul.sidebar-menu li {
/*line-height: 20px !important;*/
margin-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
}

ul.sidebar-menu li a span {
display: inline-block;
}

ul.sidebar-menu li a {
color: white;
text-decoration: none;
display: block;
padding: 0px 0px 0px 0px;
font-size: 12px;
outline: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}

ul.sidebar-menu li a.active,
ul.sidebar-menu li a:hover,
ul.sidebar-menu li a:focus {
color: #fff;
display: block;
border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}

ul.sidebar-menu li a i {
font-size: 15px;
color: rgba(255, 255, 255, 0.3);
padding: 10px 5px 10px 5px;
}

ul.sidebar-menu .sub li a i {
font-size: 14px;
color: rgb(47 47 47 / 63%);
padding: 1px 5px 1px 5px;
}

ul.sidebar-menu li a:hover i,
ul.sidebar-menu li a:focus i {
color: rgba(255, 255, 255, 0.3);
}

ul.sidebar-menu li a.active i {
color: rgba(255, 255, 255, 0.3);
}

.mail-info,
.mail-info:hover {
margin: -3px 6px 0 0;
font-size: 11px;
}
#backend-user-grid select{
padding:0;
}


/*main content*/

#main-content {
margin-left: 210px;
/*padding-bottom: 50px;*/
}

.header,
.footer {
min-height: 60px;
padding: 0 15px;
}

.header {
position: fixed;
left: 0;
right: 0;
z-index: 1002;
}

.header .top-menu .dropdown-toggle:after {
border: none;
display: none;
}

.white-bg {
background: #fff;
border-bottom: 1px solid #f1f2f7;
}

.wrapper {
margin: 0px auto;
padding: 80px 15px 15px 15px;
/*max-width: 1200px;*/
/*display: inline-block;*/
/*width: 100%;*/
/*margin-top: 60px;*/
/*padding: 15px;*/
}

a.logo {
font-size: 21px;
color: #2e2e2e;
float: left;
text-transform: uppercase;
}

a.logo:hover,
a.logo:focus {
text-decoration: none;
outline: none;
}

a.logo span {
color: #f8d347;
}

.logo img {
height: 54px;
width: auto;
}


/*notification*/

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

.notify-row {
float: left;
margin-top: 15px;
margin-left: 92px;
}

.notify-row .notification span.label {
display: inline-block;
height: 20px;
width: 20px;
padding: 5px;
text-align: center;
color: #fff;
border-radius: 2px;
margin-right: 5px;
line-height: 12px;
}

ul.top-menu>li>a {
color: #666666;
font-size: 16px;
border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #f0f0f8 !important;
padding: 2px 6px;
margin-right: 15px;
}

ul.top-menu>li>a:hover,
ul.top-menu>li>a:focus {
border: 1px solid #f0f0f8 !important;
background-color: #fff!important;
border-color: #f0f0f8 !important;
text-decoration: none;
border-radius: 4px;
-webkit-border-radius: 4px;
color: #2E2E2E !important;
}

.notify-row .badge {
position: absolute;
right: 6px;
top: -8px;
z-index: 100;
color: #fff;
border-radius: 30px;
}

.dropdown-menu.extended {
max-width: 300px !important;
min-width: 160px !important;
top: 42px;
width: 235px !important;
padding: 0;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
border: none !important;
border-radius: 4px;
-webkit-border-radius: 4px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome */
.dropdown-menu.extended {
box-shadow: 1px 0px 7px 1px #adb7b3 !important;
}
}

.upload_image {
color: #fff;
border: none;
background-image: linear-gradient(180deg, #ff9700 0, #ff9700)!important;
}

.dropdown-menu.extended li p {
background-color: #F1F2F7;
color: #666666;
margin: 0;
padding: 10px;
font-size: 14px;
border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
}

.dropdown-menu.extended li p.green {
background-color: #a9d86e;
color: #fff;
}

.dropdown-menu.extended li p.red {
background-color: white;
color: #fff;
}

.dropdown-menu.extended li p.yellow {
background-color: #fcb322;
color: #fff;
}

.dropdown-menu.extended li a {
border-bottom: 1px solid #EBEBEB !important;
font-size: 12px;
list-style: none;
}

.dropdown-menu.extended li a {
padding: 15px 10px !important;
width: 100%;
display: inline-block;
}

.dropdown-menu.extended li a:hover {
background-color: #F7F8F9 !important;
color: #2E2E2E;
}

.dropdown-menu.tasks-bar .task-info .desc {
font-size: 13px;
font-weight: normal;
}

.dropdown-menu.tasks-bar .task-info .percent {
display: inline-block;
float: right;
font-size: 13px;
font-weight: 600;
padding-left: 10px;
margin-top: -4px;
}

.dropdown-menu.extended .progress {
margin-bottom: 0 !important;
height: 10px;
}

.dropdown-menu.inbox li a .photo img {
border-radius: 2px 2px 2px 2px;
float: left;
height: 40px;
margin-right: 4px;
width: 40px;
}

.dropdown-menu.inbox li a .subject {
display: block;
padding-left: 50px;
color: #8b8a8a;
}

.dropdown-menu.inbox li a .subject .from {
font-size: 13px;
font-weight: 600;
}

.dropdown-menu.inbox li a .subject .time {
font-size: 11px;
font-style: italic;
font-weight: bold;
position: absolute;
right: 5px;
}

.dropdown-menu.inbox li a .message {
display: block !important;
font-size: 12px;
padding-left: 50px;
color: #333 !important;
}

.top-nav {
margin-top: 7px;
}

.top-nav ul.top-menu>li .dropdown-menu.logout {
width: 268px !important;
}

.top-nav li.dropdown .dropdown-menu {
float: right;
right: 0;
left: auto;
}

.dropdown-menu.extended.logout>li {
float: left;
text-align: center;
width: 33.3%;
}

.dropdown-menu.extended.logout>li:last-child {
float: left;
text-align: center;
width: 100%;
background-color: var( --primarycolor);
border-radius: 0 0 3px 3px;
}

.dropdown-menu.extended.logout>li:last-child>a,
.dropdown-menu.extended.logout>li:last-child>a:hover {
color: #fff;
border-bottom: none !important;
text-transform: uppercase;
}

.dropdown-menu.extended.logout>li:last-child>a:hover>i {
color: #fff;
}

.dropdown-menu.extended.logout>li>a {
color: #a4abbb;
border-bottom: none !important;
}

.full-width .dropdown-menu.extended.logout>li>a:hover {
background: none !important;
color: #50c8ea !important;
}

.dropdown-menu.extended.logout>li>a:hover {
background: none !important;
}

.dropdown-menu.extended.logout>li>a:hover i {
color: #50c8ea;
}

.dropdown-menu.extended.logout>li>a i {
font-size: 17px;
}

.dropdown-menu.extended.logout>li>a>i {
display: block;
}

.top-nav .username {
font-size: 13px;
color: #555555;
}

.top-nav ul.top-menu>li>a {
/* border: 1px solid #eeeeee; */
border-radius: 4px;
-webkit-border-radius: 4px;
padding: 6px;
/* background-image: linear-gradient(to bottom, rgb(17 26 85 / 50%), rgb(208 163 163 / 20%) 49%, rgba(0,0,0,0.15) 51%,
rgba(0,0,0,0.05)); */
/* background-image: linear-gradient(
180deg
,#f57a1a 0,#e35802);
border: 1px solid #ff9700; */
background-image: linear-gradient(180deg, #ff9700 0, #ff9700);
margin-right: 0;
border: none!important;
}

.dropdown-toggle .username {
color: #fff !important;
}

.dropdown-toggle .username:hover {
color: #fff !important;
}

.top-nav ul.top-menu>li {
margin-left: 10px;
display: inherit;
}

.top-nav ul.top-menu>li>a:hover,
.top-nav ul.top-menu>li>a:focus {
background-image: var(--btn-hover-color);
}

.top-nav .dropdown-menu.extended.logout {
top: 50px;
}

.top-nav .nav .caret {
border-bottom-color: #A4AABA;
border-top-color: #A4AABA;
}

.top-nav ul.top-menu>li>a:hover .caret {
border-bottom-color: #fff;
border-top-color: #fff;
}

.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid\9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}

.log-arrow-up {
background: url("../img/arrow-up.png") no-repeat;
width: 20px;
height: 11px;
position: absolute;
right: 20px;
top: -10px;
}


/*----*/

.notify-arrow {
border-style: solid;
border-width: 0 9px 9px;
height: 0;
margin-top: 0;
opacity: 0;
position: absolute;
left: 7px;
top: -20px;
transition: all 0.25s ease 0s;
width: 0;
z-index: 10;
margin-top: 10px;
opacity: 1;
}

.notify-arrow-yellow {
border-color: transparent transparent #FCB322;
border-bottom-color: #FCB322 !important;
border-top-color: #FCB322 !important;
}

.notify-arrow-red {
border-color: transparent transparent white;
border-bottom-color: white !important;
border-top-color: white !important;
}

.notify-arrow-green {
border-color: transparent transparent #a9d86e;
border-bottom-color: #a9d86e !important;
border-top-color: #a9d86e !important;
}


/*search*/


/* .search {
margin-top: 6px ;
width: 20px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border: 1px solid #fff;
box-shadow: none;

padding:0 5px 0 35px;
color: #000;
} */

.search:focus {
margin-top: 5px;
width: 180px;
border: 1px solid #f0f0f8;
box-shadow: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
color: #c8c8c8;
font-weight: 300;
}


/*--sidebar toggle---*/

.sidebar-toggle-box {
float: left;
padding-right: 15px;
margin-top: 20px;
}

.sidebar-toggle-box .fa-bars {
cursor: pointer;
display: inline-block;
font-size: 20px;
}

.sidebar-closed>#sidebar>ul {
display: none;
}

.sidebar-closed #main-content {
margin-left: 0px;
}

.sidebar-closed #sidebar {
margin-left: -210px;
}


/*state overview*/
/*
.state-overview .card {
margin-bottom: 20px;
border: none;
position: relative;
margin-top: 30px;

border-top: 3px solid var(--btnbordercolor);
box-shadow: 2px 2px 5px #999999;
height: 216px;

}*/
.state-overview .card {
margin-bottom: 20px;
border: none;
position: relative;
margin-top: 30px;

border-top: 3px solid var(--btnbordercolor);
box-shadow: 2px 2px 5px #999999;
<!-- height: 216px; -->

}

.state-overview .card .symbol {
padding: 2px;
border-radius: 50px;
position: absolute;
margin: -14px 22px;
width: 40px;
overflow: hidden;
height: 40px;
background: var( --primarycolor);
line-height: 45px;
/* margin: 0 auto; */
top: -10px;
left: 0px
}


ul.value-list-1_fs.mb-0.pb-0 {
display: flex;
justify-content: space-between;
padding: 2px 20px !important;
}




ul.value-list-1_fs li a {
font-size: 13px;
color: #8b8a8a;
}

ul.value-list-1_fs li{
font-size: 13px;

color: var( --primarycolor);
}

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

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

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

.state-overview .value h1 {
font-weight: 300;
padding-bottom: 3px;
font-size: 21px;
margin-top: 16px;
}



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

.state-overview .value {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}

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



.state-overview .terques {
background: var( --primarycolor);
}

.state-overview .red {
background: var( --primarycolor);
;
}

.state-overview .yellow {
background: var( --primarycolor);
;
}

.state-overview .blue {
background: var( --primarycolor);
}


/*main chart*/

.border-head h3 {
border-bottom: 1px solid #c9cdd7;
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 5px;
font-weight: normal;
font-size: 18px;
display: inline-block;
width: 100%;
font-weight: 300;
}

.custom-bar-chart {
height: 290px;
margin-top: 20px;
margin-left: 10px;
position: relative;
border-bottom: 1px solid #c9cdd7;
}

.custom-bar-chart .bar {
height: 100%;
position: relative;
width: 4.3%;
margin: 0px 2%;
float: left;
text-align: center;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0x;
border-radius: 5px 5px 0 0;
z-index: 10;
}

.custom-bar-chart .bar .title {
position: absolute;
bottom: -30px;
width: 100%;
text-align: center;
font-size: 12px;
}

.custom-bar-chart .bar .value {
position: absolute;
bottom: 0;
background: #bfc2cd;
color: #bfc2cd;
width: 100%;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.custom-bar-chart .bar .value:hover {
background: #e8403f;
color: #fff;
}

.y-axis {
color: #555555;
position: absolute;
text-align: right;
width: 100%;
}

.y-axis li {
border-top: 1px dashed #dbdce0;
display: block;
height: 58px;
width: 100%;
}

.y-axis li:last-child {
border-top: none;
}

.y-axis li span {
display: block;
margin: -10px 0 0 -25px;
padding: 0 10px;
width: 40px;
}

.y-axis {
color: #555555;
text-align: right;
}


/*spark line*/

.chart {
display: inline-block;
text-align: center;
width: 100%;
}

.chart .heading {
text-align: left;
}

.chart .heading span {
display: block;
}

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

#barchart {
margin-bottom: -20px;
display: inline-block;
}

.chart-tittle .title {}

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

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

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

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

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

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

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

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


/**/

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


/*personal task*/

.task-thumb {
width: 90px;
float: left;
margin-bottom: 5px;
}

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

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

.task-progress {
float: left;
}

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

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

.personal-task tbody tr td {
border-color: #eeeff1;
}
.top-title-header{
display: flex !important;
justify-content: space-between;
align-items: center;
}
.box-body{
padding:10px;
}

.personal-task tbody tr td i {
font-size: 20px;
color: #c7cbd4;
}
.table{
margin-bottom:0 !important;
}
.personal-task.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
background-color: #f7f8fc;
}

.personal-task.table-hover>tbody>tr:hover>td i {
color: #39b5aa;
}
.bg-date-color{
background: none !important;
color:#89817e;
}

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

.personal-task .badge {
padding: 5px 7px;
font-size: 12px;

}

.task-option {
float: right;
}

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

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


/*timeline*/

.timeline {
border-collapse: collapse;
border-spacing: 0;
display: table;
position: relative;
table-layout: fixed;
width: 100%;
}

.timeline .card-body {
padding: 14px;
}

.timeline:before {
background-color: #C7CBD6;
bottom: 0px;
content: "";
left: 50%;
position: absolute;
top: 0;
width: 2px;
z-index: 0;
}

h3.timeline-title {
margin: 0;
color: #C8CCD7;
font-size: 20px;
font-weight: 400;
margin: 0 0 5px;
text-transform: uppercase;
}

.t-info {
color: #C8CCD7;
}

.timeline-item:before,
.timeline-item.alt:after {
content: "";
display: block;
width: 50%;
}

.timeline-item {
display: table-row;
}

.timeline-desk {
display: table-cell;
vertical-align: top;
width: 50%;
}

.timeline-desk h1 {
font-size: 16px;
font-weight: 300;
margin: 0 0 5px;
}

.timeline-desk .card {
/*display: block;*/
margin-left: 25px;
position: relative;
text-align: left;
background: #F4F4F4;
}

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

.timeline-item .timeline-desk .arrow {
border-right: 8px solid #F4F4F4 !important;
}

.timeline-item.alt .timeline-desk .arrow-alt {
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
display: block;
height: 0;
right: -7px;
position: absolute;
top: 13px;
width: 0;
left: auto;
}

.timeline-item.alt .timeline-desk .arrow-alt {
border-left: 8px solid #F4F4F4 !important;
}

.timeline .timeline-icon {
left: -30px;
position: absolute;
top: 15px;
}

.timeline .timeline-icon {
background: #C7CBD6;
box-shadow: 0 0 0 3px #C7CBD6;
}

.timeline-desk span a {
text-transform: uppercase;
}

.timeline-desk h1.red,
.timeline-desk span a.red {
color: #EF6F66;
}

.timeline-desk h1.green,
.timeline-desk span a.green {
color: #39B6AE;
}

.timeline-desk h1.blue,
.timeline-desk span a.blue {
color: #56C9F5;
}

.timeline-desk h1.purple,
.timeline-desk span a.purple {
color: #8074C6;
}

.timeline-desk h1.light-green,
.timeline-desk span a.light-green {
color: #A8D76F;
}

.timeline .timeline-icon.red {
background: #EF6F66;
box-shadow: 0 0 0 3px #EF6F66;
}

.timeline .timeline-icon.green {
background: #39B6AE;
box-shadow: 0 0 0 3px #39B6AE;
}

.timeline .timeline-icon.blue {
background: #56C9F5;
box-shadow: 0 0 0 3px #56C9F5;
}

.timeline .timeline-icon.purple {
background: #8074C6;
box-shadow: 0 0 0 3px #8074C6;
}

.timeline .timeline-icon.light-green {
background: #A8D76F;
box-shadow: 0 0 0 3px #A8D76F;
}

.timeline .timeline-icon {
border: 3px solid #FFFFFF;
border-radius: 50%;
-webkit-border-radius: 50%;
display: block;
height: 12px;
width: 12px;
}

.timeline-item.alt .timeline-icon {
left: auto;
right: -32px;
}

.timeline .time-icon:before {
font-size: 16px;
margin-top: 5px;
}

.timeline .timeline-date {
left: -200px;
position: absolute;
text-align: right;
top: 12px;
width: 150px;
}

.timeline-desk h5 span {
color: #999999;
display: block;
font-size: 12px;
margin-bottom: 4px;
}

.timeline-item.alt:before {
display: none;
}

.timeline-item:before,
.timeline-item.alt:after {
content: "";
display: block;
width: 50%;
}

.timeline-desk p {
font-size: 12px;
margin-bottom: 0;
}

.timeline-desk a {
color: #EF6F66;
}

.timeline-desk .card {
margin-bottom: 5px;
}

.timeline-desk .album {
margin-top: 20px;
}

.timeline-desk .album a {
margin-right: 5px;
float: left;
}

.timeline-desk .notification {
background: none repeat scroll 0 0 #FFFFFF;
margin-top: 20px;
padding: 8px;
}

.timeline-item.alt .card {
margin-left: 0;
margin-right: 25px;
}

.timeline-item.alt .timeline-date {
left: auto;
right: -200px;
text-align: left;
}

.mbot30 {
margin-bottom: 30px;
}


/*---revenue----*/

.revenue-head {
background: white;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
color: #fff;
line-height: 50px;
}

.revenue-head span {
background: #e56155;
padding: 16px;
-webkit-border-radius: 4px 0px 0px 0px;
border-radius: 4px 0px 0px 0px;
}

.revenue-head span i {
font-size: 18px;
}

.revenue-head h3 {
display: inline;
padding: 0 10px;
font-size: 16px;
font-weight: 300;
}

.revenue-head span.rev-combo {
background: #e56155;
padding: 16px;
line-height: normal;
-webkit-border-radius: 0px 4px 0px 0px;
border-radius: 0px 4px 0px 0px;
}


/*easy pie chart*/

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

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

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

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

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

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

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

.card-footer.revenue-foot {
background-color: #e6e7ec;
-webkit-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
border: none;
padding: 0;
width: 100%;
display: inline-block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome */
.card-footer.revenue-foot {
margin-bottom: -4px;
}
}

.card-footer.revenue-foot ul {
margin: 0;
padding: 0;
width: 100%;
display: inline-flex;
}

.card-footer.revenue-foot ul li {
float: left;
width: 33.33%;
}

.card-footer.revenue-foot ul li.first a:hover,
.card-footer.revenue-foot ul li.first a {
/*-webkit-border-radius: 0px 0px 0px 4px;*/
border-radius: 0px 0px 0px 4px;
}

.card-footer.revenue-foot ul li.last a:hover,
.card-footer.revenue-foot ul li.last a {
-webkit-border-radius: 0px 0px 4px 0px;
border-radius: 0px 0px 4px 0px;
border-right: none;
}

.card-footer.revenue-foot ul li a {
display: inline-block;
width: 100%;
padding: 14px 15px;
text-align: center;
border-right: 1px solid #d5d8df;
color: #797979;
}

.card-footer.revenue-foot ul li a:hover,
.card-footer.revenue-foot ul li.active a {
background: #fff;
position: relative;
}

.card-footer.revenue-foot ul li a i {
color: #c6cad5;
display: block;
font-size: 16px;
}

.card-footer.revenue-foot ul li a:hover i,
.card-footer.revenue-foot ul li.active a i {
color: white;
display: block;
font-size: 16px;
}


/*flatlab carousel model*/

.flat-carousal {
background: #58c9f3;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
padding: 10px;
color: #fff;
position: relative;
}

.flat-carousal h1 {
text-align: center;
font-size: 16px;
margin: 30px 20px;
line-height: 20px;
font-weight: 300;
font-style: italic;
}

a.view-all {
color: #fff;
background: rgba(0, 0, 0, 0.1);
padding: 8px 15px;
text-align: center;
border-radius: 25px;
-webkit-border-radius: 25px;
margin-bottom: 18px;
display: inline-block;
text-transform: uppercase;
font-size: 12px;
}

ul.ft-link {
margin: 0;
padding: 0;
}

ul.ft-link li {
border-right: 1px solid #E6E7EC;
display: inline-block;
line-height: 30px;
margin: 8px 0;
text-align: center;
width: 24%;
}

ul.ft-link li a {
color: #74829c;
text-transform: uppercase;
font-size: 12px;
}

ul.ft-link li a:hover,
ul.ft-link li.active a {
color: #58c9f3;
}

ul.ft-link li:last-child {
border-right: none;
}

ul.ft-link li a i {
display: block;
}

#owl-demo .item img {
display: block;
width: 100%;
height: auto;
}

.owl-buttons {
position: absolute;
top: 70px;
width: 100%;
}

.owl-prev,
.owl-next {
position: absolute;
}

.owl-next {
right: 0;
}

.owl-buttons .owl-prev {
text-indent: -9999px;
background: url("../img/left-arrow.png") no-repeat;
width: 6px;
height: 10px;
display: inline-block;
}

.owl-buttons .owl-next {
text-indent: -9999px;
background: url("../img/right-arrow.png") no-repeat;
width: 6px;
height: 10px;
display: inline-block;
}


/*product post*/

.post-wrap aside {
display: table-cell;
float: none;
height: 100%;
padding: 0;
vertical-align: top;
}

.pro-box {
border-collapse: collapse;
border-spacing: 0;
display: table;
table-layout: fixed;
width: 100%;
}

.post-info {
position: relative;
}

.arrow-pro.right:after {
border-left-color: #FFFFFF;
border-right-width: 0;
top: 85px;
content: " ";
}

.arrow-pro.left:after {
border-right-color: #FFFFFF;
border-left-width: 0;
top: 80px;
content: " ";
}

.arrow-pro.left {
left: -8px;
}

.arrow-pro:after {
border-width: 7px;
content: "";
}

.arrow-pro,
.arrow-pro:after {
border-color: rgba(0, 0, 0, 0);
border-style: solid;
display: block;
height: 0;
position: absolute;
width: 0;
right: -5px;
}

.post-highlight.yellow {
background: #f8d347;
border-radius: 0px 4px 4px 0px;
-webkit-border-radius: 0px 4px 4px 0px;
}

.post-highlight.terques {
background: #41cac0;
border-radius: 4px 0px 0px 04px;
-webkit-border-radius: 4px 0px 0px 04px;
}

.post-info h1 {
margin: 0;
font-size: 18px;
color: #a19899;
font-weight: 300;
}

.post-highlight.terques h2 {
font-size: 16px;
color: #fff;
font-style: italic;
padding: 0 20px;
line-height: 22px;
margin: 0;
font-weight: 300;
}

.post-highlight.terques h2 span,
.post-highlight.terques h2 a {
color: #92faf3;
}

.post-info h1 strong {
text-transform: uppercase;
color: #937b7b;
font-weight: bold;
}

.post-info .desk {
display: inline-block;
}

.post-info .desk h3 {
font-size: 16px;
}

.post-info .desk.yellow h3 {
color: #f8d347;
}

.post-btn {
margin-bottom: 1.5rem;
}

.post-btn a {
float: left;
margin-right: 8px;
font-size: 18px;
color: #9a9a9a;
}

.post-btn a:hover {
color: #727272;
}
.btn:hover{
color: var(--all-white-color) !important;
}

.pro-thumb {
text-align: center;
display: inline-block;
border-radius: 50%;
-webkit-border-radius: 50%;
border: 10px solid rgba(255, 255, 255, 0.4);
}

.pro-thumb img {
text-align: center;
width: 112px;
height: 112px;
border-radius: 50%;
-webkit-border-radius: 50%;
}

.v-align {
vertical-align: middle !important;
}

.twite h1 {
margin: 50px 0;
}

.social-footer {
display: inline;
text-align: center;
}

.social-footer ul {
text-align: center;
margin: 0;
padding: 0;
}

.social-footer ul li {
display: inline-block;
margin: 0 20px;
}

.social-footer ul li a {
font-size: 25px;
color: #ceced0;
}

.social-footer ul li a:hover i.fa-facebook,
.social-footer ul li.active a i.fa-facebook {
color: #486eac;
}

.social-footer ul li a:hover i.fa-twitter,
.social-footer ul li.active a i.fa-twitter {
color: #58c9f3;
}

.social-footer ul li a:hover i.fa-google-plus,
.social-footer ul li.active a i.fa-google-plus {
color: #4a4a4a;
}

.social-footer ul li a:hover i.fa-pinterest,
.social-footer ul li.active a i.fa-pinterest {
color: #d1282d;
}


/*pie chart */

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


/*follower*/

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

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

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

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

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

.follower-foot ul li p {
margin-bottom: 6px;
}

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

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

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


/*weather*/

.weather-bg {
background: #8175c7;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 300;
}

.weather-bg i {
font-size: 60px;
display: block;
}

.weather-bg .degree {
font-size: 60px;
}

.weather-category {
padding: 15px 0;
color: #74829C;
}

.weather-category ul {
padding: 0;
margin: 0;
display: inline-block;
width: 100%;
}

.weather-category ul li {
display: inline-block;
width: 26%;
text-align: center;
border-right: 1px solid #e6e6e6;
display: inline-block;
}

.weather-category ul li h5 {
margin: 0 0 5px 0;
text-transform: uppercase;
font-weight: 300;
font-size: 14px;
}

.weather-category ul li a {}

.weather-category ul li:last-child {
border-right: none;
width: 40%;
}


/*fontawesome*/

.fontawesome-icon-list h2 {
margin-top: 0;
font-size: 20px;
font-weight: 300;
}

.fontawesome-icon-list .col-sm-4,
.fontawesome-icon-list .col-md-3,
.fontawesome-icon-list .col-xs-6 {
margin-bottom: 10px;
}

.fontawesome-icon-list .page-header {
border-bottom: 1px solid #C9CDD7;
}

.fontawesome-icon-list a {
color: #797979;
}

.fontawesome-icon-list a:hover {
color: #35404D;
}

.fontawesome-icon-list i {
font-size: 16px;
padding-right: 10px;
}

#web-application,
#text-editor,
#directional,
#video-player,
#brand,
#medical,
#currency {
margin-top: 10px;
}


/*mail inbox*/

.mail-box {
border-collapse: collapse;
border-spacing: 0;
display: table;
table-layout: fixed;
width: 100%;
}

.mail-box aside {
display: table-cell;
float: none;
height: 100%;
padding: 0;
vertical-align: top;
}

.mail-box .sm-side {
width: 25%;
background: #e5e8ef;
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
}

.mail-box .lg-side {
width: 75%;
background: #fff;
border-radius: 0px 4px 4px 0;
-webkit-border-radius: 0px 4px 4px 0;
}

.mail-box .sm-side .user-head {
background: #00a8b3;
border-radius: 4px 0px 0px 0;
-webkit-border-radius: 4px 0px 0px 0;
padding: 10px;
color: #fff;
min-height: 80px;
}

.user-head .inbox-avatar {
width: 65px;
float: left;
}

.user-head .inbox-avatar img {
border-radius: 4px;
-webkit-border-radius: 4px;
}

.user-head .user-name {
display: inline-block;
margin: 0 0 0 10px;
}

.user-head .user-name h5 {
font-size: 14px;
margin-top: 15px;
margin-bottom: 0;
font-weight: 300;
}

.user-head .user-name h5 a {
color: #fff;
}

.user-head .user-name span a {
font-size: 12px;
color: #87e2e7;
}

a.mail-dropdown {
background: #80d3d9;
padding: 3px 5px;
font-size: 10px;
color: #01a7b3;
border-radius: 2px;
margin-top: 20px;
}

.inbox-body {
padding: 20px;
}

.labels-info p {
margin-bottom: 0;
}

.btn-compose {
background: white;
padding: 12px 0;
text-align: center;
width: 100%;
color: #fff;
}

.btn-compose:hover {
background: #f5675c;
color: #fff;
}

ul.inbox-nav {
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
}

.inbox-divider {
border-bottom: 1px solid #d5d8df;
}

ul.inbox-nav li {
display: inline-block;
line-height: 45px;
width: 100%;
}

ul.inbox-nav li a {
color: #6a6a6a;
line-height: 45px;
width: 100%;
display: inline-block;
padding: 0 20px;
}

ul.inbox-nav li a:hover,
ul.inbox-nav li.active a,
ul.inbox-nav li a:focus {
color: #6a6a6a;
background: #d5d7de;
}

ul.inbox-nav li a i {
padding-right: 10px;
font-size: 16px;
color: #6a6a6a;
}

ul.inbox-nav li a span.label {
margin-top: 13px;
}

ul.labels-info li h4 {
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
color: #5c5c5e;
font-size: 13px;
text-transform: uppercase;
}

ul.labels-info li {
margin: 0;
}

ul.labels-info li a {
color: #6a6a6a;
border-radius: 0;
}

ul.labels-info li a:hover,
ul.labels-info li a:focus {
color: #6a6a6a;
background: #d5d7de;
}

ul.labels-info li a i {
padding-right: 10px;
}

.nav.nav-pills.nav-stacked.labels-info p {
margin-bottom: 0;
padding: 0 22px;
color: #9d9f9e;
font-size: 11px;
}

.inbox-head {
padding: 20px;
background: #41cac0;
color: #fff;
border-radius: 0 4px 0 0;
-webkit-border-radius: 0 4px 0 0;
min-height: 80px;
}

.inbox-head h3 {
margin: 0;
display: inline-block;
padding-top: 6px;
font-weight: 300;
}

.inbox-head .sr-input {
height: 40px;
border: none;
box-shadow: none;
padding: 0 10px;
float: left;
border-radius: 4px 0 0 4px;
color: #8a8a8a;
}

.inbox-head .sr-btn {
height: 40px;
border: none;
background: #00a6b2;
color: #fff;
padding: 0 20px;
border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
}

.table-inbox {
border: 1px solid #dee2e6;
margin-bottom: 0;
}

.table-inbox tr td {
padding: 12px !important;
}

.table-inbox tr td:hover {
cursor: pointer;
}

.table-inbox tr td .fa-star.inbox-started,
.table-inbox tr td .fa-star:hover {
color: #f78a09;
}

.table-inbox tr td .fa-star {
color: #d5d5d5;
}

.table-inbox tr.unread td {
font-weight: 600;
background: #f7f7f7;
}

ul.inbox-pagination {
float: right;
}

ul.inbox-pagination li {
float: left;
}

.mail-option {
display: inline-block;
margin-bottom: 10px;
width: 100%;
}

.mail-option .chk-all,
.mail-option .btn-group {
margin-right: 5px;
}

.mail-option .chk-all,
.mail-option .btn-group a.btn {
border: 1px solid #e7e7e7;
padding: 5px 10px;
display: inline-block;
background: #fcfcfc;
color: #afafaf;
border-radius: 3px !important;
-webkit-border-radius: 3px !important;
}

.inbox-pagination a.np-btn {
border: 1px solid #e7e7e7;
padding: 5px 15px;
display: inline-block;
background: #fcfcfc;
color: #afafaf;
border-radius: 3px !important;
-webkit-border-radius: 3px !important;
}

.mail-option .chk-all input[type=checkbox] {
margin-top: 0;
}

.mail-option .btn-group a.all {
padding: 0;
border: none;
}

.inbox-pagination a.np-btn {
margin-left: 5px;
}

.inbox-pagination li span {
display: inline-block;
margin-top: 7px;
margin-right: 5px;
}

.fileinput-button {
border: 1px solid #e6e6e6;
background: #eeeeee;
}

.inbox-body .modal .modal-body input,
.inbox-body .modal .modal-body textarea {
border: 1px solid #e6e6e6;
box-shadow: none;
}

.btn-send,
.btn-send:hover {
background: #00A8B3;
color: #fff;
}

.btn-send:hover {
background: #009da7;
}

.modal-header h4.modal-title {
font-weight: 300;
font-family: 'Open Sans', sans-serif;
}

.modal-body label {
font-weight: 700;
font-family: 'Open Sans', sans-serif;
}

.heading-inbox h4 {
font-size: 18px;
color: #444;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-top: 20px;
}

.sender-info {
margin-bottom: 20px;
}

.sender-info img {
width: 30px;
height: 30px;
}

.sender-dropdown {
background: #eaeaea;
padding: 0 3px;
color: #777;
font-size: 10px;
}

.view-mail a {
color: #413554;
}

.attachment-mail {
margin-top: 30px;
}

.attachment-mail ul {
width: 100%;
display: inline-block;
margin-bottom: 30px;
}

.attachment-mail ul li {
float: left;
width: 150px;
margin-right: 10px;
margin-bottom: 10px;
}

.attachment-mail ul li img {
width: 100%;
}

.attachment-mail ul li span {
float: right;
}

.attachment-mail .file-name {
float: left;
}

.attachment-mail .links {
width: 100%;
display: inline-block;
}


/*404 page*/

.body-404 {
background: #18d4cb;
color: #fff;
}

.error-wrapper {
text-align: center;
margin-top: 10%;
}

.error-wrapper .icon-404 {
background: url("../img/404_icon.png") no-repeat;
width: 289px;
height: 274px;
display: inline-block;
margin-left: 30px;
}

.error-wrapper h1 {
font-size: 90px;
font-weight: 300;
margin: -50px 0 0 0;
}

.error-wrapper h2 {
font-size: 20px;
font-weight: 500;
margin: 0 0 30px 0;
color: #fff;
}

.error-wrapper p,
.error-wrapper p a {
font-size: 18px;
font-weight: 500;
color: #fff;
}

.error-wrapper p.page-404 {
color: #7dfff7;
}

.error-wrapper p.page-404 a,
.error-wrapper p.page-500 a,
.error-wrapper p.page-404 a:hover,
.error-wrapper p.page-500 a:hover {
color: #fff;
}


/*500 page*/

.body-500 {
background: #8075c6;
color: #fff;
}

.error-wrapper p.page-500 {
color: #afa5f1;
}

.error-wrapper .icon-500 {
background: url("../img/500_icon.png") no-repeat;
width: 289px;
height: 274px;
display: inline-block;
margin-left: 55px;
}

.personal-task tbody tr td{
padding:4px !important;
}

/*profile*/

.profile-nav .user-heading {
background: var( --secondary-color) !important;
color: #fff;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
padding: 30px;
text-align: center;
}

.profile-nav .user-heading.round a {
border-radius: 50%;
-webkit-border-radius: 50%;
border: 10px solid rgba(255, 255, 255, 0.3);
display: inline-block;
}

.profile-nav .user-heading a img {
width: 112px;
height: 112px;
border-radius: 50%;
-webkit-border-radius: 50%;
}

.profile-nav .user-heading h1 {
font-size: 22px;
font-weight: 300;
margin-bottom: 5px;
}

.profile-nav .user-heading p {
font-size: 12px;
}

.profile-nav ul {
margin-top: 1px;
}

.profile-nav ul>li {
border-bottom: 1px solid #ebeae6;
margin-top: 0;
line-height: 30px;
width: 100%;
display: inline-block;
}

.profile-nav ul>li:last-child {
border-bottom: none;
}

.profile-nav ul>li>a {
border-radius: 0;
-webkit-border-radius: 0;
color: #89817f;
border-left: 5px solid #fff;
}

.profile-nav ul>li>a:hover,
.profile-nav ul>li>a:focus,
.profile-nav ul li.active a {
background: #f8f7f5;
border-left: 5px solid #21a6fc;
color: #89817f;
}

.profile-nav ul>li:last-child>a:last-child {
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
}

.profile-nav ul>li>a>i {
font-size: 16px;
padding-right: 10px;
color: #bcb3aa;
}

.r-activity {
margin: 6px 0 0;
font-size: 12px;
}

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

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

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

.profile-info .card-footer ul li a:hover {
background: #eee;
}

.bio-graph-heading {
background: #41cac0;
color: #fff;
text-align: center;
font-style: italic;
padding: 40px 110px;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
font-size: 16px;
font-weight: 300;
}

.bio-graph-info {
color: #89817e;
}

.bio-graph-info h1 {
font-size: 22px;
font-weight: 300;
margin: 0 0 20px;
}

.bio-row {
width: 50%;
float: left;
padding: 0 15px;
height: 38px;
}

.bio-row p label {
width: 26%;
display: inline-block;
}

.bio-row p span {
width: 50%;
display: inline-block;
}

.bio-chart,
.bio-desk {
float: left;
}

.bio-chart {
width: 40%;
}

.bio-desk {
width: 60%;
}

.bio-desk h4 {
font-size: 15px;
font-weight: 400;
}

.bio-desk h4.terques {
color: #4CC5CD;
}

.bio-desk h4.red {
color: #e26b7f;
}

.bio-desk h4.green {
color: #97be4b;
}

.bio-desk h4.purple {
color: #caa3da;
}

.file-pos {
margin: 6px 0 10px 0;
}

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

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

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

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

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

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

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

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

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

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

.activity {
width: 100%;
float: left;
margin-bottom: 10px;
}

.activity.alt {
width: 100%;
float: right;
margin-bottom: 10px;
}

.activity span {
float: left;
}

.activity.alt span {
float: right;
}

.activity span,
.activity.alt span {
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 50%;
-webkit-border-radius: 50%;
background: #eee;
text-align: center;
color: #fff;
font-size: 16px;
}

.activity.terques span {
background: #8dd7d6;
}

.activity.terques h4 {
color: #8dd7d6;
}

.activity.purple span {
background: #b984dc;
}

.activity.purple h4 {
color: #b984dc;
}

.activity.blue span {
background: #90b4e6;
}

.activity.blue h4 {
color: #90b4e6;
}

.activity.green span {
background: #aec785;
}

.activity.green h4 {
color: #aec785;
}

.activity h4 {
margin-top: 0;
font-size: 16px;
}

.activity p {
margin-bottom: 0;
font-size: 13px;
}

.activity .activity-desk i,
.activity.alt .activity-desk i {
float: left;
font-size: 18px;
margin-right: 10px;
color: #bebebe;
}

.activity .activity-desk {
margin-left: 70px;
position: relative;
}

.activity.alt .activity-desk {
margin-right: 70px;
position: relative;
}

.activity.alt .activity-desk .card {
float: right;
position: relative;
}

.activity-desk .card {
background: #F4F4F4;
display: inline-block;
}

.activity .activity-desk .arrow {
border-right: 8px solid #F4F4F4 !important;
}

.activity .activity-desk .arrow {
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
display: block;
height: 0;
left: -7px;
position: absolute;
top: 13px;
width: 0;
}

.activity-desk .arrow-alt {
border-left: 8px solid #F4F4F4 !important;
}

.activity-desk .arrow-alt {
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
display: block;
height: 0;
right: -7px;
position: absolute;
top: 13px;
width: 0;
}

.activity-desk .album {
display: inline-block;
margin-top: 10px;
}

.activity-desk .album a {
margin-right: 10px;
}

.activity-desk .album a:last-child {
margin-right: 0px;
}


/*invoice*/

.invoice-list {
margin-bottom: 30px;
}

.invoice-list h4 {
font-weight: 300;
font-size: 16px;
}

.invoice-block {
text-align: right;
}

ul.amounts li {
background: #f5f5f5;
margin-bottom: 5px;
padding: 10px;
border-radius: 4px;
-webkit-border-radius: 4px;
font-weight: 300;
}

.invoice-btn a {
font-weight: 300;
margin: 0 5px;
font-size: 16px;
}

.corporate-id {
margin-bottom: 30px;
}


/*panel heading color*/

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


/*table*/

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

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

.dataTables_length,
.dataTables_filter {
padding: 15px;
}

.dataTables_info {
padding: 0 15px;
}

.dataTables_filter {
float: right;
}

.dataTables_length select {
width: 65px;
padding: 5px 8px;
}

.dataTables_length label,
.dataTables_filter label {
font-weight: 300;
}

.dataTables_filter label {
width: 100%;
}

.dataTables_filter label input {
width: 78%;
}

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

.dataTables_paginate.paging_bootstrap.pagination li {
float: left;
margin: 0 1px;
border: 1px solid #ddd;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.dataTables_paginate.paging_bootstrap.pagination li.disabled a {
color: #c7c7c7;
}

.dataTables_paginate.paging_bootstrap.pagination li a {
color: #797979;
padding: 5px 10px;
display: inline-block;
}

.dataTables_paginate.paging_bootstrap.pagination li:hover a,
.dataTables_paginate.paging_bootstrap.pagination li.active a {
color: #797979;
background: #eee;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.dataTables_paginate.paging_bootstrap.pagination {
float: right;
margin-top: -5px;
margin-bottom: 15px;
}

.dataTable tr:last-child {
border-bottom: 1px solid #ddd;
}


/*calendar*/

.has-toolbar.fc {
margin-top: 50px;
}

.fc-header-title {
display: inline-block;
margin-top: -50px;
vertical-align: top;
}

.fc-view {
margin-top: -50px;
overflow: hidden;
width: 100%;
}

.fc-state-default,
.fc-state-default .fc-button-inner {
background: #F3F3F3 !important;
border-color: #DDDDDD;
border-style: none solid;
color: #646464;
}

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

.fc-event-skin {
background-color: #6883a3 !important;
border-color: #6883a3 !important;
color: #FFFFFF !important;
}

.fc-grid th {
height: 30px;
line-height: 30px;
text-align: center;
background: #F3F3F3 !important;
}

.fc-header-title h2 {
font-size: 20px !important;
color: #C8CCD7;
font-weight: 300;
}

.external-event {
cursor: move;
display: inline-block !important;
margin-bottom: 6px !important;
margin-right: 6px !important;
padding: 8px;
}

#external-events p input[type="checkbox"] {
margin: 0;
}

.drg-event-title {
font-weight: 300;
margin-top: 0;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}

.fc-content .fc-event {
border-radius: 4px;
webkit-border-radius: 4px;
padding: 4px 6px;
}

.fc-corner-left {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
}

.fc-corner-right {
border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
}

.drp-rmv {
padding-top: 10px;
margin-top: 10px;
}


/*button*/

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


/*tabs*/

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

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

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

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


/*general page*/

.progress-xs {
height: 8px;
}

.progress-sm {
height: 12px;
}

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

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

.tab-bg-dark-navy-blue .nav .nav-link {
color: #fff;
border: none;
border-radius: 0;
font-size: 14px;
}

.tab-bg-dark-navy-blue .nav .nav-link.active {
color: #7087A3;
}

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

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

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

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

.tab-right {
height: 38px;
}

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

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

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

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

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

.wht-color {
color: #fff;
}

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


/*carousel*/

.carousel-indicators li {
background: rgba(0, 0, 0, 0.2);
border: none;
transition: background-color 0.25s ease 0s;
-moz-transition: background-color 0.25s ease 0s;
-webkit-transition: background-color 0.25s ease 0s;
}

.carousel-indicators .active {
background: white;
height: 10px;
margin: 1px;
width: 10px;
}

.carousel-indicators.out {
bottom: -5px;
}

.carousel-indicators.out {
bottom: -5px;
}

.carousel-control {
color: #999999;
text-shadow: none;
width: 45px;
}

.carousel-control i {
display: inline-block;
height: 25px;
left: 50%;
margin-left: -10px;
margin-top: -10px;
position: absolute;
top: 50%;
width: 20px;
z-index: 5;
}

.carousel-control.left,
.carousel-control.right {
background: none;
filter: none;
}

.carousel-control:hover,
.carousel-control:focus {
color: #CCCCCC;
opacity: 0.9;
text-decoration: none;
}

.carousel-inner h3 {
font-weight: 300;
font-size: 16px;
margin: 0;
}

.carousel-inner {
margin-bottom: 15px;
}


/*gritter*/

.gritter-close {
left: auto !important;
right: 3px !important;
}


/*form*/

.sm-input {
width: 175px;
}

.form-horizontal.tasi-form .form-group {
border-bottom: 1px solid #eff2f7;
padding-bottom: 15px;
margin-bottom: 15px;
}

.form-horizontal.tasi-form .form-group:last-child {
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;
}

.form-horizontal.tasi-form .form-group .help-block {
margin-bottom: 0;
}

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

.m-bot15 {
margin-bottom: 15px;
}

.form-horizontal.tasi-form .checkbox-inline>input {
margin-top: 1px;
border: none;
}

.iconic-input {
position: relative;
}

.iconic-input i {
color: #CCCCCC;
display: block;
font-size: 16px;
height: 16px;
margin: 12px 5px 8px 10px;
position: absolute;
text-align: center;
width: 16px;
}

.iconic-input input {
padding-left: 40px !important;
}

.iconic-input.right input {
padding-left: 10px !important;
padding-right: 40px !important;
}

.iconic-input.right i {
float: right;
right: 5px;
}

input.spinner[type="text"],
input.spinner[type="password"],
input.spinner[type="datetime"],
input.spinner[type="datetime-local"],
input.spinner[type="date"],
input.spinner[type="month"],
input.spinner[type="time"],
input.spinner[type="week"],
input.spinner[type="number"],
input.spinner[type="email"],
input.spinner[type="url"],
input.spinner[type="search"],
input.spinner[type="tel"],
input.spinner[type="color"] {
background: url("../img/input-spinner.gif") right no-repeat !important;
}


/*form validation*/

.cmxform .form-group label.error {
display: inline;
margin: 5px 0;
color: #B94A48;
font-weight: 400;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus,
.cmxform .form-group input.error,
.cmxform .form-group textarea.error {
border-color: #ccc !important;
}

#signupForm label.error {
display: inline;
margin: 5px 0px;
width: auto;
color: #B94A48;
}

.checkbox,
.checkbox:hover,
.checkbox:focus {
border: none;
}


/*slider*/

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

.slider {
margin-top: 3px;
}

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

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

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 0 !important;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 0 !important;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 0 !important;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 0 !important;
}

#eq span {
height: 120px;
float: left;
margin: 15px
}

.ui-widget-content {
background: #f0f2f7 !important;
border: none !important;
border-radius: 15px !important;
-webkit-border-radius: 15px !important;
}

.ui-slider-horizontal {
height: 8px !important;
}

.ui-slider-horizontal .ui-slider-handle {
top: -0.57em !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
background: #fff !important;
border: 3px solid #22bacf !important;
border-radius: 50% !important;
-webkit-border-radius: 50% !important;
}

.ui-slider-vertical {
width: 8px !important;
}

.ui-slider-vertical .ui-slider-handle {
left: -0.5em !important;
}

.ui-slider .ui-slider-handle {
cursor: default;
height: 1.6em;
position: absolute;
width: 1.6em;
z-index: 2;
}

.bound-s {
width: 90px;
margin-bottom: 15px;
}


/*----switch ----*/


/*.has-switch {*/


/*border-radius: 30px;*/


/*-webkit-border-radius: 30px;*/


/*display: inline-block;*/


/*cursor: pointer;*/


/*line-height: 1.231;*/


/*overflow: hidden;*/


/*position: relative;*/


/*text-align: left;*/


/*width: 80px;*/


/*-webkit-mask: url('../img/mask.png') 0 0 no-repeat;*/


/*mask: url('../img/mask.png') 0 0 no-repeat;*/


/*-webkit-user-select: none;*/


/*-moz-user-select: none;*/


/*-ms-user-select: none;*/


/*-o-user-select: none;*/


/*user-select: none;*/


/*}*/


/*.has-switch.deactivate {*/


/*opacity: 0.5;*/


/*filter: alpha(opacity=50);*/


/*cursor: default !important;*/


/*}*/


/*.has-switch.deactivate label,*/


/*.has-switch.deactivate span {*/


/*cursor: default !important;*/


/*}*/


/*.has-switch > div {*/


/*width: 162%;*/


/*position: relative;*/


/*top: 0;*/


/*}*/


/*.has-switch > div.switch-animate {*/


/*-webkit-transition: left 0.25s ease-out;*/


/*-moz-transition: left 0.25s ease-out;*/


/*-o-transition: left 0.25s ease-out;*/


/*transition: left 0.25s ease-out;*/


/*-webkit-backface-visibility: hidden;*/


/*}*/


/*.has-switch > div.switch-off {*/


/*left: -63%;*/


/*}*/


/*.has-switch > div.switch-off label {*/


/*background-color: #7f8c9a;*/


/*border-color: #bdc3c7;*/


/*-webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);*/


/*-moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);*/


/*box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);*/


/*}*/


/*.has-switch > div.switch-on {*/


/*left: 0%;*/


/*}*/


/*.has-switch > div.switch-on label {*/


/*background-color: #41cac0;*/


/*}*/


/*.has-switch input[type=checkbox] {*/


/*display: none;*/


/*}*/


/*.has-switch span {*/


/*cursor: pointer;*/


/*font-size: 14.994px;*/


/*font-weight: 700;*/


/*float: left;*/


/*height: 29px;*/


/*line-height: 19px;*/


/*margin: 0;*/


/*padding-bottom: 6px;*/


/*padding-top: 5px;*/


/*position: relative;*/


/*text-align: center;*/


/*width: 50%;*/


/*z-index: 1;*/


/*-webkit-box-sizing: border-box;*/


/*-moz-box-sizing: border-box;*/


/*box-sizing: border-box;*/


/*-webkit-transition: 0.25s ease-out;*/


/*-moz-transition: 0.25s ease-out;*/


/*-o-transition: 0.25s ease-out;*/


/*transition: 0.25s ease-out;*/


/*-webkit-backface-visibility: hidden;*/


/*}*/


/*.has-switch span.switch-left {*/


/*border-radius: 30px 0 0 30px;*/


/*background-color: #2A3542;*/


/*color: #41cac0;*/


/*border-left: 1px solid transparent;*/


/*}*/


/*.has-switch span.switch-right {*/


/*border-radius: 0 30px 30px 0;*/


/*background-color: #bdc3c7;*/


/*color: #ffffff;*/


/*text-indent: 7px;*/


/*}*/


/*.has-switch span.switch-right [class*="fui-"] {*/


/*text-indent: 0;*/


/*}*/


/*.has-switch label {*/


/*border: 4px solid #2A3542;*/


/*border-radius: 50%;*/


/*-webkit-border-radius: 50%;*/


/*float: left;*/


/*height: 29px;*/


/*margin: 0 -21px 0 -14px;*/


/*padding: 0;*/


/*position: relative;*/


/*vertical-align: middle;*/


/*width: 29px;*/


/*z-index: 100;*/


/*-webkit-transition: 0.25s ease-out;*/


/*-moz-transition: 0.25s ease-out;*/


/*-o-transition: 0.25s ease-out;*/


/*transition: 0.25s ease-out;*/


/*-webkit-backface-visibility: hidden;*/


/*}*/


/*.switch-square {*/


/*border-radius: 6px;*/


/*-webkit-border-radius: 6px;*/


/*-webkit-mask: url('../img/mask.png') 0 0 no-repeat;*/


/*mask: url('../img/mask.png') 0 0 no-repeat;*/


/*}*/


/*.switch-square > div.switch-off label {*/


/*border-color: #7f8c9a;*/


/*border-radius: 6px 0 0 6px;*/


/*}*/


/*.switch-square span.switch-left {*/


/*border-radius: 6px 0 0 6px;*/


/*}*/


/*.switch-square span.switch-left [class*="fui-"] {*/


/*text-indent: -10px;*/


/*}*/


/*.switch-square span.switch-right {*/


/*border-radius: 0 6px 6px 0;*/


/*}*/


/*.switch-square span.switch-right [class*="fui-"] {*/


/*text-indent: 5px;*/


/*}*/


/*.switch-square label {*/


/*border-radius: 0 6px 6px 0;*/


/*border-color: #41cac0;*/


/*}*/


/*tag input*/

.tagsinput {
border: 1px solid #e3e6ed;
border-radius: 6px;
height: 100px;
padding: 6px 1px 1px 6px;
overflow-y: auto;
text-align: left;
}

.tagsinput .tag {
border-radius: 4px;
background-color: #41cac0;
color: #ffffff;
cursor: pointer;
margin-right: 5px;
margin-bottom: 5px;
overflow: hidden;
line-height: 15px;
padding: 6px 13px 8px 19px;
position: relative;
vertical-align: middle;
display: inline-block;
zoom: 1;
*display: inline;
-webkit-transition: 0.14s linear;
-moz-transition: 0.14s linear;
-o-transition: 0.14s linear;
transition: 0.14s linear;
-webkit-backface-visibility: hidden;
}

.tagsinput .tag:hover {
background-color: #39b1a8;
color: #ffffff;
padding-left: 12px;
padding-right: 20px;
}

.tagsinput .tag:hover .tagsinput-remove-link {
color: #ffffff;
opacity: 1;
display: block\9;
}

.tagsinput input {
background: transparent;
border: none;
color: #34495e;
font-family: "Lato", sans-serif;
font-size: 14px;
margin: 0px;
padding: 0 0 0 5px;
outline: 0;
margin-right: 5px;
margin-bottom: 5px;
width: 12px;
}

.tagsinput-remove-link {
bottom: 0;
color: #ffffff;
cursor: pointer;
font-size: 12px;
opacity: 0;
padding: 7px 7px 5px 0;
position: absolute;
right: 0;
text-align: right;
text-decoration: none;
top: 0;
width: 100%;
z-index: 2;
display: none\9;
}

.tagsinput-remove-link:before {
color: #ffffff;
content: "\f00d";
font-family: "FontAwesome";
}

.tagsinput-add-container {
vertical-align: middle;
display: inline-block;
zoom: 1;
*display: inline;
}

.tagsinput-add {
background-color: #d6dbdf;
border-radius: 3px;
color: #ffffff;
cursor: pointer;
margin-bottom: 5px;
padding: 6px 9px;
display: inline-block;
zoom: 1;
*display: inline;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden;
}

.tagsinput-add:hover {
background-color: #3bb8af;
}

.tagsinput-add:before {
content: "\f067";
font-family: "FontAwesome";
}

.tags_clear {
clear: both;
width: 100%;
height: 0px;
}


/*checkbox & radio style*/

.checkboxes label,
.radios label {
display: block;
cursor: pointer;
line-height: 20px;
padding-bottom: 7px;
font-weight: 300;
}

.radios {
padding-top: 18px;
}

.label_check input,
.label_radio input {
margin-right: 5px;
}

.has-js .label_check,
.has-js .label_radio {
padding-left: 34px;
}

.has-js .label_radio {
background: url(../img/checkbox/radio-off.png) no-repeat;
}

.has-js .label_check {
background: url(../img/checkbox/check-off.png) no-repeat;
}

.has-js label.c_on {
background: url(../img/checkbox/check-on.png) no-repeat;
}

.has-js label.r_on {
background: url(../img/checkbox/radio-on.png) no-repeat;
}

.has-js .label_check input,
.has-js .label_radio input {
position: absolute;
left: -9999px;
}


/*---------------------------
pickers
---------------------------*/

.datepicker.dropdown-menu,
.datetimepicker.dropdown-menu,
.bootstrap-timepicker.dropdown-menu,
.datepicker-inline {
border: none !important;
box-shadow: 0 0 30px 1px rgba(0, 0, 0, .1);
}

.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
padding: .9rem 1rem;
}

select.form-control-lg {
padding: 0rem 1rem;
}

.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
padding: .15rem .5rem;
}

@media (min-width: 992px) {
.picker-form .form-group label,
.right-text-label-form .form-group label {
text-align: right;
}
}

.datepicker-dropdown.datepicker-orient-top:before,
.datepicker-dropdown:before,
.datepicker-dropdown:after,
.datepicker-dropdown.datepicker-orient-top:after,
.datepicker-dropdown:after,
[class*=" datetimepicker-dropdown"]:before,
[class*=" datetimepicker-dropdown"]:after,
.bootstrap-timepicker.dropdown-menu:before,
.bootstrap-timepicker.dropdown-menu:after {
border: none;
}

.datepicker-dropdown:before {
border-bottom-color: #fff;
}

.datepicker-inline {
border: 1px solid #e5e8eb;
}

.datepicker,
.datetimepicker {
z-index: 12000;
width: 260px;
padding: 10px;
}

.datepicker table,
.datetimepicker table {
width: 100%;
}

.datepicker table tbody tr>td.day.today,
.datetimepicker table tbody tr>td.day.today {
color: #fff;
background: #328dff;
}

.dt-cont {
position: relative;
width: 100%;
height: 400px;
margin: 0;
padding: 0;
border: 1px solid #ccc;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled],
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
background-color: #b756ff;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
background-image: none;
text-shadow: none;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover,
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover,
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover,
.datetimepicker table tr td span:hover,
.datetimepicker table tr td.day:hover {
background: #f2f6f9;
}

.bootstrap-timepicker table td a {
color: #949494;
}

.bootstrap-timepicker table td a:hover {
border-color: #e5e8eb;
border-radius: 4px;
background-color: #f4f6f9;
}

.bootstrap-timepicker table td input {
width: 35px;
border: 1px solid #e5e8eb;
}


/*color picker*/

.colorpicker-element .add-on i,
.colorpicker-element .input-group-addon i {
position: relative;
top: 3px;
}


/*ck editor*/

.cke_top,
.cke_bottom {
background: #F5F5F5 !important;
background: -moz-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
background: -webkit-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
background: -o-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
box-shadow: none;
padding: 6px 8px 2px;
}

.cke_top {
border-bottom: 1px solid #cccccc !important;
}

.cke_chrome {
display: block;
padding: 0;
}


/*form wizard*/

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

.stepy-tab ul {
display: inline-block;
}

.stepy-tab ul li {
float: left;
}

.step legend {
border: none;
}

.button-back {
float: left;
}

.button-next,
.finish {
float: right;
}

.button-back,
.button-next,
.finish {
cursor: pointer;
text-decoration: none;
}

.step {
clear: left;
}

.step label {
display: block;
}

.stepy-titles li {
color: #757575;
cursor: pointer;
float: left;
margin: 10px 15px;
}

.stepy-titles li span {
display: block;
}

.stepy-titles li.current-step div {
color: #fff;
cursor: auto;
background: #78dbd6;
cursor: pointer;
border-radius: 50%;
-webkit-border-radius: 50%;
width: 100px;
height: 100px;
line-height: 100px;
font-weight: 500;
}

.stepy-titles li div {
font-size: 16px;
font-weight: 300;
background: #eee;
border-radius: 50%;
-webkit-border-radius: 50%;
width: 100px;
height: 100px;
line-height: 100px;
}


/*widget*/

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

.alt.green-bg {
var( --secondary-color)
}

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

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

.user-heading.alt a img {
width: 100px;
height: 100px;
border-radius: 50%;
-webkit-border-radius: 50%;
box-shadow: 0px 0px 20px #fff;
}

.twt-feed {
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
color: #FFFFFF;
padding: 10px;
position: relative;
text-align: center;
}

.twt-feed.blue-bg {
background: #58C9F3;
}

.twt-feed h1 {
font-size: 22px;
font-weight: 300;
margin-bottom: 5px;
}

.twt-feed a {
border: 8px solid #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
display: inline-block;
margin-bottom: -55px;
}

.twt-feed a img {
height: 112px;
width: 112px;
border-radius: 50%;
-webkit-border-radius: 50%;
}

.twt-category {
display: inline-block;
margin-bottom: 11px;
margin-top: 55px;
width: 100%;
}

.twt-category ul li {
color: #89817f;
font-size: 13px;
}

.twt-category h5 {
font-size: 20px;
font-weight: 300;
}

.twt-write .t-text-area {
border: 1px solid #eeeeee;
border-radius: 0;
}

.twt-write {
margin-bottom: 10px;
}

.twt-footer {
padding: 10px 15px;
}

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

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

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

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

.tasi-tab .media-body p {
/*color: #b8bac6;*/
}

.pull-right.chat-features {
margin-top: 10px;
}


/*Timeline chat*/

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

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

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

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

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

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

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

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

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

.timeline-messages,
.msg-time-chat,
.timeline-messages .msg-in,
.timeline-messages .msg-out {
position: relative;
}

.timeline-messages .msg-in .arrow {
/*border-right: 8px solid #F4F4F4 !important;*/
}

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

.timeline-messages .msg-out .arrow {
/*border-right: 8px solid #41cac0 !important;*/
}

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

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

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

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

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

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

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

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

.msg-time-chat .msg-in .text {
border: 1px solid #e3e6ed;
padding: 10px;
border-radius: 4px;
-webkit-border-radius: 4px;
}

.msg-time-chat .msg-out .text {
border: 1px solid #e3e6ed;
padding: 10px;
border-radius: 4px;
-webkit-border-radius: 4px;
}

.msg-time-chat p {
margin: 0;
}

.msg-time-chat .attribution {
font-size: 13px;
margin: 0px 0 10px;
}

.msg-time-chat {
overflow: hidden;
padding: 8px 0;
}

.msg-in a,
.msg-in a:hover {
<!-- color: #b64c4c; -->
text-decoration: none;
border-radius: 4px;
-webkit-border-radius: 4px;
font-weight: 600;
font-size: 13px;
}

.msg-out a,
.msg-out a:hover {
color: #288f98;
text-decoration: none;
border-radius: 4px;
-webkit-border-radius: 4px;
margin-right: 10px;
font-weight: 400;
font-size: 13px;
}


/*custom select*/

span.customSelect {
font-size: 12px;
background-color: #ffffff;
padding: 10px;
border: 1px solid #EAEAEA;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #A4AABA;
}

span.customSelect.changed {
background-color: #fff;
}

.customSelectInner {
background: url(../img/customSelect-arrow.gif) no-repeat center right;
}


/*boxed page */

.boxed-page {
background-color: #ccc !important;
}

.boxed-page .container {
background: #f1f2f7;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}

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

.boxed-page .container .header .container {
background: #fff;
}

.boxed-page .container aside {
float: left;
}

.boxed-page .container .wrapper {
background: #F1F2F7;
min-height: 900px;
}


/*collapsible*/

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


/* google maps */

.gmaps {
height: 300px;
width: 100%;
}


/* star rating */

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

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

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

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

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


/*search page*/

.classic-search {
margin-bottom: 30px;
}

.classic-search h4 {
margin-bottom: 3px;
font-weight: 300;
font-size: 16px;
}

.classic-search h4 a {
color: #314558;
}

.classic-search h4 a:hover {
text-decoration: underline;
}


/*ckEditor*/

#editor-container {
width: 100%;
margin: 10px auto 0;
}

#header-editor {
overflow: hidden;
padding: 0 0 30px;
border-bottom: 1px solid #eaeaea;
position: relative;
}

#headerLeft,
#headerRight {
width: 49%;
overflow: hidden;
}

#headerLeft {
float: left;
padding: 10px 1px 1px;
}

#headerLeft h2,
#headerLeft h3 {
margin: 0;
overflow: hidden;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
}

#headerLeft h2 {
font-size: 2.6em;
line-height: 1.1em;
text-transform: capitalize;
color: #314558;
margin-bottom: 20px;
}

#headerLeft h3 {
font-size: 1.5em;
line-height: 1.1em;
margin: .2em 0 0;
color: #757575;
}

#headerRight {
float: right;
padding: 1px;
}

#headerRight p {
line-height: 1.8em;
text-align: justify;
margin: 0;
}

#headerRight p+p {
margin-top: 20px;
}

#headerRight>div {
padding: 20px;
margin: 0 0 0 30px;
font-size: 1.1em;
color: #757575;
}

#columns {
color: #757575;
overflow: hidden;
padding: 20px 0;
}

#columns h3 {
color: #314558;
}

#columns>div {
float: left;
width: 33.3%;
}

#columns #column1>div {
margin-left: 1px;
}

#columns #column3>div {
margin-right: 1px;
}

#columns>div>div {
margin: 0px 10px;
padding: 10px 20px;
}

#columns blockquote {
margin-left: 15px;
}

#taglist {
display: inline-block;
margin-left: 20px;
font-weight: bold;
margin: 0 0 0 20px;
}

.cke_editable.cke_editable_inline.cke_focus {
background: #fcfcfc;
border: 1px solid #eaeaea;
cursor: text;
outline: medium none;
}


#select_course .select2-container .select2-selection--multiple{
display:block !important;
}

.form-control:focus, #focusedInput{
border: 1px solid #ccc;
}
.panel-info>.panel-heading .badge{
background: var( --primarycolor);
color: var(--all-white-color);
}
.panel-info>.panel-heading .badge:hover{
background-image: var(--btn-hover-color);
}
/*advanced table*/

.adv-table table tr td {
padding: 10px;
font-size:14px !important;
}

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

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

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

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

.adv-table table.display tr.odd.gradeA {
background-color: #F9F9F9;
}

.adv-table table.display tr.even.gradeA {
background-color: #FFFFFF;
}

.adv-table .dataTables_filter label input {
float: right;
margin-left: 10px;
width: 100%;
}

.adv-table .dataTables_filter label {
line-height: 33px;
width: 100%;
}

.adv-table .dataTables_length select {
display: inline-block;
margin: 0 10px 0 0;
padding: 5px 8px;
width: 50px;
}

.adv-table .dataTables_info,
.dataTables_paginate {
padding: 15px 0;
}

.adv-table .dataTables_length,
.adv-table .dataTables_filter {
padding: 5px 0;
}
.dt-range {
position: relative;
}
.dt-range label{
position: absolute;
left: 0px;
top: 44px;
z-index: 999;
}

.cke_chrome {
border: none !important;
}

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

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


/*flot chart*/

.flot-chart .chart,
.flot-chart .pie,
.flot-chart .bars {
height: 300px;
}


/*xchart*/

.demo-xchart {
height: 400px;
width: 100%;
}


/*Horizontal menu*/

.full-width #main-content {
margin-left: 0;
}

.horizontal-menu {
margin-left: 50px;
float: left;
padding: 0;
}

.horizontal-menu .navbar-nav>li>a {
padding-bottom: 20px;
padding-top: 20px;
font-size: 14px;
}

.horizontal-menu .dropdown-item {
font-size: 14px;
}

.full-width .navbar-header {
width: 100%;
}

.full-width .nav>li>a:hover,
.full-width .nav li.active a,
.full-width .nav li.dropdown a:hover,
.full-width .nav li.dropdown.open a:focus,
.full-width .nav .open>a,
.full-width .nav .open>a:hover,
.full-width .nav .open>a:focus {
background-color: #F77B6F;
text-decoration: none;
color: #fff;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.full-width .dropdown-menu {
box-shadow: none;
}

.full-width .dropdown-menu>li>a {
padding: 10px 20px;
font-size: 13px;
}


/*advanced form*/

.form-body {
padding: 20px;
}


/*multiselect*/

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
background-color: #2A3542;
color: #FFFFFF;
cursor: pointer;
text-decoration: none;
}

.ms-container .ms-list,
.ms-container .ms-list.ms-focus {
box-shadow: none !important;
}

.ms-container .ms-list.ms-focus {
border: 1px solid #2A3542;
}

.ms-selectable .search-input,
.ms-selection .search-input {
margin-bottom: 10px;
}


/*spinner*/

.spinner-buttons.btn-group-vertical .btn {
height: 19px;
margin: 0;
padding-left: 6px;
padding-right: 6px;
text-align: center;
width: 35px;
font-size: 12px;
padding: 0;
}

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

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

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

.spinner-input.form-control[readonly] {
background: transparent;
}


/**/

.wysihtml5-toolbar .btn-default {
background: #fff;
color: #757575;
}


/*todolist*/

#sortable {
list-style-type: none;
margin: 0 0 20px 0;
padding: 0;
width: 100%;
}

#sortable li {
padding-left: 4em;
font-size: 14px;
}
.edit_icons{
position: absolute !important;
left: 22px !important;
}

#sortable li i {
position: absolute;
left: -7px;
padding: 4px 10px 0 10px;
cursor: pointer;
color: #000;
}

#sortable li input[type=checkbox] {
margin-top: 0;
}

.ui-sortable>li {
/*padding: 15px 0 15px 15px !important ;*/
position: relative;
background: #f5f6f8;
margin-bottom: 2px;
border-bottom: none !important;
}

.ui-sortable .panel {
margin-bottom: 0px;
}

.ui-sortable div.bg-primary {
border-left: 3px solid #41CAC0;
margin: 8px 0;
padding: 5px;
background-color: var(--bg_gray) !important;
}

.ui-sortable div.bg-success {
border-left: 3px solid #78CD51;
margin: 5px;
padding: 5px;
}

.ui-sortable div.bg-danger {
border-left: 3px solid #413554;
margin: 5px;
padding: 5px;
}

.ui-sortable div.bg-warning {
border-left: 3px solid #F1C500;
margin: 5px;
padding: 5px;
}

.ui-sortable div.bg-info {
border-left: 3px solid #58C9F3;
margin: 5px;
padding: 5px;
}

.ui-sortable div.bg-inverse {
border-left: 3px solid #BEC3C7;
margin: 5px;
padding: 5px;
}


/*lock screen*/

.lock-screen {
background-size: cover;
background-repeat: repeat;
}

.lock-wrapper {
margin: 7% 0% 1% 40%;
max-width: 330px;
}

.lock-box {
background: rgb(255 255 255 / 83%);
padding: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
position: relative;
}

.lock-wrapper img {
position: absolute;
left: 40%;
top: -40px;
border-radius: 50%;
-webkit-border-radius: 50%;
border: 5px solid #fff;
}

.lock-wrapper h1 {
text-align: center;
color: #000;
font-size: 20px;
text-transform: uppercase;
padding: 40px 0 0 0;
font-weight: 600;
}

.lock-wrapper .locked {
margin-bottom: 20px;
display: inline-block;
color: #026f7a;
}

.btn-lock,
.btn-lock:hover {
background: #02b5c2;
color: #fff;
}

.lock-input {
width: 83% !important;
border: none;
float: left;
margin-right: 3px;
}

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


/*language*/

.language {
margin-top: 4px;
}

.language .dropdown-menu {
border: 1px solid #eee;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.176) !important;
}

.language .dropdown-menu li a {
border-bottom: 1px solid #eee;
padding: 10px;
display: block;
}

.language .dropdown-menu li:last-child a {
border-bottom: none;
}

.language .dropdown-menu li a {
font-size: 13px;
}


/*product list*/

.prod-cat li a {
border-bottom: 1px dashed #d9d9d9;
}

.prod-cat li a {
color: #3b3b3b;
}

.prod-cat li ul {
margin-left: 30px;
}

.prod-cat li ul li a {
border-bottom: none;
}

.prod-cat li ul li a:hover,
.prod-cat li ul li a:focus,
.prod-cat li ul li.active a,
.prod-cat li a:hover,
.prod-cat li a:focus,
.prod-cat li a.active {
background: none;
color: #ff7261;
}

.pro-lab {
margin-right: 20px;
font-weight: normal;
}

.pro-sort {
padding-right: 20px;
float: left;
}

.pro-page-list {
margin: 5px 0 0 0;
}

.product-list img {
width: 100%;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}

.product-list .pro-img-box {
position: relative;
}

.adtocart {
background: #fc5959;
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-border-radius: 50%;
color: #fff;
display: inline-block;
text-align: center;
border: 3px solid #fff;
left: 45%;
bottom: -25px;
position: absolute;
}

.adtocart i {
color: #fff;
font-size: 25px;
line-height: 42px;
}

.pro-title {
color: #5A5A5A;
display: inline-block;
margin-top: 20px;
font-size: 16px;
}

.product-list .price {
color: #fc5959;
font-size: 15px;
}

.pro-img-details {
margin-left: -15px;
}

.pro-img-details img {
width: 100%;
}

.pro-d-title {
font-size: 16px;
margin-top: 0;
}

.product_meta {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 10px 0;
margin: 15px 0;
}

.product_meta span {
display: block;
margin-bottom: 10px;
}

.product_meta a,
.pro-price {
color: #fc5959;
}

.pro-price,
.amount-old {
font-size: 18px;
padding: 0 10px;
}

.amount-old {
text-decoration: line-through;
}

.quantity {
width: 120px;
}

.pro-img-list {
margin: 10px 0 0 -15px;
width: 100%;
display: inline-block;
}

.pro-img-list a {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.pro-d-head {
font-size: 18px;
font-weight: 300;
}


/*footer*/

.site-footer {
/* background-image: linear-gradient(to right, #21a6fc,#2a3542, #ffce30); */
background: #fff;
color: #111;
/*margin-top: 20px;*/
/*min-height: 100px;*/
padding-top: 10px;
padding-bottom: 10px;
padding-left: 210px;
/*position: absolute;*/
bottom: 0;
right: 0;
left: 0;
}

.is-sidebar-nav-open .site-footer {
padding-left: 0;
}

.go-top {
margin-right: 1%;
float: right;
background: rgba(255, 255, 255, .5);
width: 25px;
height: 25px;
line-height: 2;
border-radius: 50%;
-webkit-border-radius: 50%;
transition: all .3s;
}

.go-top:hover {
background: white;
color: #fff;
}

.go-top:hover i {
color: #fff;
transition: all .3s;
}

.go-top i {
color: #2A3542;
transition: all .3s;
}

.site-min-height {
min-height: calc(100vh - 38px);
}

.always-bottom {
position: absolute;
bottom: 0;
width: 100%;
}


/*pricing table*/

.feature-head {
padding: 10px 0 50px;
}

.feature-head h1 {
font-size: 25px;
font-weight: normal;
}

.pricing-table {
background: #fff;
text-align: center;
padding: 0 0 25px 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.pricing-table.most-popular {
top: -20px;
position: relative;
}

.most-popular {
background: #f77b6f;
color: #fff;
}

.most-popular h1 {
font-size: 25px !important;
padding-bottom: 10px;
padding-top: 17px !important;
}

.most-popular h2 {
background: #d76b61 !important;
margin-top: 20px !important;
}

.most-popular ul li {
border-bottom: 1px dotted #d76b61 !important;
}

.most-popular .price-actions .btn {
background: #d76b61 !important;
margin: 10px 0;
cursor: pointer;
}

.pricing-table .price-actions .btn {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #acacac;
color: #fff;
border: none;
box-shadow: none;
text-shadow: none;
padding: 10px 20px;
cursor: pointer;
}

.pricing-head h1 {
font-size: 18px;
font-weight: 300;
padding-top: 15px;
}

.pricing-head h2 {
padding: 30px 0;
background: #777777;
color: #fff;
font-size: 50px;
font-weight: 100;
}

.pricing-table ul {
margin: 15px 0;
padding: 0;
}

.pricing-table ul li {
border-bottom: 1px dotted #CCCCCC;
margin: 0 2em;
padding: 1em 0;
text-align: center;
font-weight: 300;
}

.pricing-head span.note {
display: inline;
font-size: 25px;
line-height: 0.8em;
position: relative;
top: -18px;
}

.pricing-quotation,
.team-info {
background: #EEEEEE;
padding: 20px 20px 35px 20px;
margin-bottom: 100px;
display: inline-block;
width: 100%;
text-align: center;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.pricing-quotation h3,
.team-info h3 {
font-weight: 300;
}

.pricing-quotation p,
.team-info p {
margin-bottom: 0px;
}

.pricing-plan,
.team-info-wrap {
position: relative;
}

.pricing-quotation:before,
.team-info:before {
background-color: #EEEEEE;
border-color: #EEEEEE;
border-image: none;
border-right: 1px solid #EEEEEE;
border-style: none;
top: -7px;
content: "";
display: block;
height: 14px;
left: 48%;
position: absolute;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 15px;
}


/*dragable portlet*/

.sortable .card .card-heading {
cursor: move;
}


/*faq*/

.vertical-menu li a {
background: #fff;
width: 100%;
float: left;
padding: 10px;
margin-bottom: 5px;
border-radius: 4px;
-webkit-border-radius: 4px;
color: #797979;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.vertical-menu li a:hover,
.vertical-menu li a:focus,
.vertical-menu li.active a {
background: #2A3542;
width: 100%;
float: left;
padding: 10px;
margin-bottom: 5px;
border-radius: 4px;
-webkit-border-radius: 4px;
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}


/*fb time line*/

.cover-photo {
position: relative;
}

.fb-timeline-img img {
width: 100%;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}

.profile-thumb img {
width: 140px;
height: 140px;
border-radius: 50%;
-webkit-border-radius: 50%;
margin-top: -90px;
border: 3px solid #fff;
}

.profile-thumb {
float: left;
position: relative;
}

.fb-user-mail {
margin: 10px 0 0 20px;
display: inline-block;
}

.fb-name {
bottom: 5px;
left: 175px;
position: absolute;
}

.fb-name h2 a {
color: #FFFFFF;
text-rendering: optimizelegibility;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
font-size: 25px;
}

.fb-user-thumb {
float: left;
width: 70px;
margin-right: 15px;
}

.fb-user-thumb img {
width: 70px;
height: 70px;
border-radius: 50%;
-webkit-border-radius: 50%;
}

.fb-user-details h3 {
margin: 15px 0 0;
font-size: 18px;
font-weight: 300;
}

.fb-user-details p {
color: #c3c3c3;
}

.fb-user-status {
padding: 10px 0;
line-height: 20px;
}

.fb-time-action {
padding: 15px 0;
}

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

.fb-time-action span,
.fb-time-action a {
margin-right: 5px;
}

.fb-time-action a {
color: #2972a1;
}

.fb-time-action a:hover {
text-decoration: underline;
}

.fb-time-action span {
color: #5a5a5a;
}

.fb-status-container,
.fb-comments li {
margin: 0 -15px 0 -15px;
padding: 0 15px;
}

.fb-gray-bg {
background: #f6f6f6;
}

.fb-comments li {
border-top: 1px solid #ebeef5;
padding: 15px;
}

.fb-comments .cmt-thumb {
width: 50px;
float: left;
margin-right: 15px;
}

.fb-comments .cmt-thumb img {
width: 50px;
}

.fb-comments .cmt-details {
padding-top: 5px;
}

.fb-comments .cmt-details a {
font-size: 14px;
font-weight: bold;
}

.fb-comments .cmt-details a.like-link {
font-size: 12px;
font-weight: normal;
}

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

.cmt-form textarea {
height: 50px;
line-height: 35px;
}

.fb-timeliner h2 {
background: #828283;
color: #fff;
margin-top: 0;
padding: 10px 15px;
font-size: 16px;
border-radius: 4px;
-webkit-border-radius: 4px;
font-weight: 300;
}

.fb-timeliner ul {
margin-left: 15px;
margin-bottom: 20px;
}

.fb-timeliner ul li {
margin-bottom: 3px;
}

.fb-timeliner ul li a {
color: #999797;
border-left: 4px solid #d3d7dd;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
display: block;
}

.fb-timeliner ul li a:hover {
color: #999797;
border-left: 4px solid #b1b1b1;
padding-left: 10px;
}

.fb-timeliner ul li.active a {
color: #7a7a7a;
border-left: 4px solid #7a7a7a;
padding-left: 10px;
}

.recent-highlight {
background: #413554 !important;
}


/*chat room*/

.chat-room {
border-collapse: collapse;
border-spacing: 0;
display: table;
table-layout: fixed;
width: 100%;
position: relative;
}

.chat-room aside {
display: table-cell;
float: none;
height: 100%;
padding: 0;
vertical-align: top;
}

.chat-room .left-side {
width: 25%;
background: #e5e8ef;
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
}

.chat-room .mid-side {
width: 50%;
background: #fff;
border-right: 1px solid #e5e8ef;
}

.chat-room .right-side {
width: 25%;
background: #fff;
border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
}

.chat-room .left-side .user-head {
background: var( --secondary-color);
border-radius: 4px 0 0;
-webkit-border-radius: 4px 0 0;
color: #FFFFFF;
min-height: 30px;
padding: 4px 4px 4px 15px;
}

.chat-room .mid-side .user-head {
background: var( --secondary-color);
color: #FFFFFF;
min-height: 30px;
padding: 8px 0px 0px 15px;
}

.chat-room .right-side .user-head {
background: var( --secondary-color);
border-radius: 0 4px 0 0;
-webkit-border-radius: 0 4px 0 0;
color: #FFFFFF;
min-height: 30px;
padding: 8px 0px 0px 15px;
margin-left: -1px;
position: relative;
}
.modal-header{
background: var( --secondary-color);
}
.modal-header .close{
color: #fff;
font-size: 18px !important;
opacity:1;
}
.chat-room .user-head i {
float: left;
font-size: 20px;
margin-right: 10px;
color:#fff;
}

.chat-room .user-head h3 {
margin: 6px 0 0 0;
font-weight: 100;
letter-spacing: 1px;
}

.chat-room-head {
background: #41CAC0;
color: #FFFFFF;
min-height: 70px;
padding: 15px;
}

.chat-room-head h3 {
margin: 5px 0 0;
font-weight: 100;
letter-spacing: 1px;
display: inline-block;
}

.chat-room-head .search-btn {
width: 20px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
box-shadow: none;
background: #01a6b2 url("../img/chat-search.png") no-repeat 12px 9px;
padding: 0 5px 0 35px;
margin-top: 2px;
border: none;
color: #fff;
}

.chat-room-head .search-btn:focus {
width: 180px;
box-shadow: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
/*background: #01a6b2;*/
font-weight: 300;
color: #fff;
}
.video_title span{
background: var( --primarycolor);
}
.panel-default > .panel-heading{
border: 0;
}
.panel-heading .nav-tabs{
border-bottom:none;
border: 1px solid #ccc;
padding: 10px 10px;
border-radius:5px;
}
.panel-heading .nav-tabs li.active{
background:0 !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
border:none;
background: var( --primarycolor);
color:#fff;
}

.chat-room-head .search-btn:focus::-moz-placeholder {
color: #fff;
}

ul.chat-list li a {
color: #6a6a6a;
display: block;
padding: 15px;
font-weight: 300;
}

ul.chat-list li a:hover,
ul.chat-list li.active a {
color: #00a9b4;
background: #f2f4f7;
}

ul.chat-list li h4 {
padding: 17px 15px;
margin: 0;
font-size: 14px;
font-weight: 600;
border-bottom: 1px solid #D5D7DE;
}

ul.chat-list li h4 i {
padding-right: 5px;
}

ul.chat-list li a span {
padding-left: 10px;
}

ul.chat-list li a i.fa-times {
color: #9fa3b0;
}

ul.chat-list li.active {
color: #00a9b4;
background: #f2f4f7;
}

ul.chat-list {
border-bottom: 1px solid #d5d7de;
}

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

ul.chat-user li {
border-bottom: none;
}

ul.chat-user li a:hover {
background: none;
color: #6a6a6a;
}

.chat-room .left-side footer {
background: #d5d7de;
border-radius: 0 0 0 4px;
/*-webkit-border-radius: 0 0 0 4px;*/
padding: 15px;
height: 70px;
width: 25%;
position: absolute;
bottom: 0;
}

.chat-room .mid-side footer {
background: #f6f6f6;
padding: 10px;
height: 50px;
width: 52%;
position: absolute;
/*bottom: 0;*/
border-right: 1px solid #E5E8EF;
}

.chat-room .right-side footer {
background: #fff;
padding: 15px;
height: 70px;
width: 25%;
position: absolute;
bottom: 0;
border-top: 1px solid #E5E8EF;
border-radius: 0 0 4px 0;
-webkit-border-radius: 0 0 4px 0;
}

.chat-room .left-side footer .chat-avatar img {
width: 40px;
height: 40px;
border: 2px solid #fff;
float: left;
}

.chat-room .left-side footer .user-status {
float: left;
margin: 10px;
}

.chat-room .left-side footer .user-status i {
padding-right: 5px;
}

.chat-room .left-side footer a.chat-dropdown {
background: #96979a;
border-radius: 2px;
color: #fff;
font-size: 10px;
margin-top: 10px;
padding: 3px 5px;
}

.room-desk {
display: inline-block;
margin-bottom: 30px;
width: 100%;
padding: 15px;
}

.room-desk h4 {
text-transform: uppercase;
font-weight: 300;
font-size: 16px;
margin: 5px 0 0 0;
}

.room-box {
border: 1px solid #e7e7e7;
background: #f7f8fa;
padding: 10px;
display: inline-block;
width: 100%;
margin-top: 10px;
border-radius: 4px;
-webkit-border-radius: 4px;
}

.room-box h5 {
margin: 0 0 5px 0;
font-weight: 300;
font-size: 16px;
}

.room-box h5 a {
color: #00a9b4;
}

.chat-tools {
float: right;
padding: 3px;
width: 40px;
height: 35px;
line-height: 30px;
border-radius: 3px;
-webkit-border-radius: 3px;
text-align: center;
margin-top: 6px;
margin-left: 10px;
}

.chat-tools i {
font-size: 16px !important;
float: none !important;
margin-right: 0 !important;
color: #fff;
}

.btn-key {
background: #4ac9c0;
}

.btn-key:hover {
background: #44bab2;
}

.invite-row {
background: #E5E8EF;
padding: 6px 10px;
display: inline-block;
width: 100%;
}

.invite-row h4 {
font-size: 16px;
font-weight: 300;
}

ul.chat-available-user {
padding: 10px;
}

ul.chat-available-user li {
margin-bottom: 15px;
}

ul.chat-available-user li a {
color: #6a6a6a;
}

ul.chat-available-user li i {
padding-right: 5px;
font-size: 10px;
}

.group-rom {
width: 100%;
float: left;
border-bottom: 1px solid #eaebee;
}

.group-rom .first-part,
.group-rom .second-part,
.group-rom .third-part {
float: left;
padding: 15px;
}

.group-rom .first-part {
width: 25%;
}

.group-rom .first-part.odd {
background: #f7f8fa;
color: #6a6a6a;
font-weight: 600;
}

.group-rom .second-part {
width: 60%;
}

.group-rom .third-part {
width: 15%;
color: #d4d3d3;
}

a.guest-on {
color: #6a6a6a;
margin-top: 8px;
display: inline-block;
}

a.guest-on i {
background: #40cabe;
color: #fff;
padding: 4px;
border-radius: 3px;
-webkit-border-radius: 3px;
margin-right: 5px;
}

.chat-txt {
float: left;
width: 70%;
margin-right: 5px;
}

.lobby {
padding: 0 !important;
}


/*right side bar*/

.sb-slidebar {
background-color: rgba(42, 53, 66, 1) !important;
margin-top: 60px;
color: #aeb2b7;
padding-top: 1rem;
}

.sb-slidebar .side-title {
padding: 10px 15px;
text-transform: uppercase;
color: #413554;
font-size: 14px;
}

.sb-toggle-right {
cursor: pointer;
margin-top: 12px;
}

.sb-toggle-right i {
font-size: 20px;
}

.quick-chat-list {
margin-bottom: 20px;
}

.quick-chat-list:last-child {
/*padding: 0;*/
padding-bottom: 50px;
}

.quick-chat-list li {
padding: 10px 15px;
border-bottom: 1px dashed #35404d;
cursor: pointer;
}

.quick-chat-list li .media img {
width: 45px;
height: auto;
}

.quick-chat-list li:hover {
background: #35404d;
}

.quick-chat-list li .media-object {
border-radius: 50%;
-webkit-border-radius: 50%;
}

.media .media-status {
display: inline-block;
margin-top: 10px;
position: absolute;
right: 10px;
color: #fff;
}

.media .media-body small {
display: block;
}

.quick-chat-list .media .media-object {
width: 40px;
height: 40px;
}


/*-------*/

.p-task {
margin-bottom: 20px;
padding-bottom: 50px;
}

.p-task li {
padding: 10px 15px 15px 15px;
border-bottom: 1px dashed #35404d;
}

.p-task li:last-child {
padding: 10px 15px 15px 15px;
border-bottom: none;
}

.p-task li a {
color: #aeb2b7;
}

.p-task.tasks-bar .task-info .percent {
display: inline-block;
float: right;
font-size: 12px;
margin-top: -15px;
}

.p-task .progress {
height: 10px;
margin-top: 5px;
margin-bottom: 0;
}

.p-task .external a {
color: #40cabe;
}

.p-task .external a:hover {
color: #413554;
}


/*Directory Styles*/

.directory-list,
.directory-info-row .social-links {
list-style-type: none;
padding: 0;
margin: 0;
}

.directory-list li {
border-left: 3px solid #f1f2f7;
display: table-cell;
width: 1%;
}

.directory-list li a {
display: block;
padding: 8px 0;
text-align: center;
text-transform: uppercase;
background: #fff;
color: #7A7676;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
text-decoration: none;
border-radius: 5px;
-webkit-border-radius: 5px;
}

.directory-list li a:hover,
.directory-info-row .social-links li a:hover {
background: white;
color: #fff;
}

.directory-info-row {
display: inline-block;
width: 100%;
margin-top: 20px;
}

.directory-info-row .social-links {
display: inline-block;
margin-bottom: 10px;
}

.directory-info-row .social-links li {
display: inline-block;
}

.directory-info-row .social-links li a {
background: #EFF0F4;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
border-radius: 5px;
-webkit-border-radius: 5px;
color: #7A7676;
}

.directory-info-row h4,
.directory-info-row a {
color: #424F63;
}

.directory-info-row .thumb {
border-radius: 5px;
-webkit-border-radius: 5px;
height: auto;
width: 175px;
margin-right: 10px;
}


/*mega-menu*/

.mega-menu {
float: left;
margin: 5px 0 0 10px;
}

.mega-menu .navbar-nav {
/*height: 55px;*/
}


/*.wide-full {*/


/*width: 98%;*/


/*}*/

.mega-menu ul li a {
margin-bottom: 5px;
display: block;
color: #323232;
font-size: 14px;
}

.mega-menu ul li a:hover,
.mega-menu ul li a:focus {
color: white;
background-color: #fff;
}

.mega-menu .nav .open>a,
.mega-menu .nav .open>a:hover,
.mega-menu .nav .open>a:focus {
background-color: #fff;
}

.mega-menu ul li a i {
padding-right: 5px;
width: 20px;
}

.mega-menu ul li.dropdown a:hover {
background: none;
}

.mega-nav #main-content {
margin-left: 0px;
}

.mega-nav .title {
color: #323232;
font-size: 14px;
text-transform: none;
font-weight: bold;
}

.mega-nav .d-title,
.mega-nav .d-desk {
display: block;
}

.mega-nav .d-desk {
color: #aaa;
font-size: 11px;
}

.custom-nav-img .desk {
line-height: 25px;
font-size: 13px;
}

.custom-nav-img {
position: static;
}

.yamm-content {
position: relative;
}

.mega-bg {
background-image: url("../img/mega-menu/corner_image.jpg");
background-repeat: no-repeat;
background-position: bottom right;
position: absolute;
right: -1.5rem;
bottom: -1.5rem;
width: 300px;
height: 130px;
}

.icon-img {
float: left;
margin-right: 10px;
}

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

.mega-menu .dropdown-menu {
box-shadow: none;
border-radius: 0;
border-color: #f1f2f7;
padding: 1.5rem;
}

.mega-menu .dropdown-menu .nav-link {
padding-left: 0;
padding-right: 0;
}

.yamm-content .accordion h5 .btn-link {
font-size: 14px;
padding-left: 0;
padding-right: 0;
}

.yamm-content .accordion .card {
margin-bottom: 5px;
}


/*project list*/

.p-table th,
.p-table td {
vertical-align: middle !important;
}

.p-team img {
width: 35px;
height: 35px;
border-radius: 4px;
}

.p-progress .progress {
margin-bottom: 5px;
}

.p-name a {
font-size: 14px;
/*font-weight:bold;*/
}

.bold {
font-weight: bold;
}

.p-details .bio-row p span {
width: auto;
}

.p-details .bio-row p span.bold {
width: 100px;
}

.p-team a {
display: inline-block;
}

.project-heading {
font-size: 20px;
}

.mtop20 {
margin-top: 20px;
}

.p-files li a {
margin-bottom: 10px;
color: #949494;
display: block;
}

.p-files li i {
padding-right: 10px;
width: 20px;
}

.p-tag-list li {
display: inline-block;
margin: 0 5px 7px 0;
}

.p-tag-list li a {
display: inline-block;
border: 1px solid #ddd;
padding: 3px 10px;
color: #797979;
border-radius: 4px;
font-size: 12px;
}

.p-tag-list li a:hover {
background: white;
border-color: white;
color: #fff;
}

.m-thumb img {
width: 100%;
border: 1px solid #ddd;
}


/*-----modal style---*/

.modal.top-modal-with-space .modal-dialog {
margin: 20px auto;
}

.modal.fade.left-modal-with-space .modal-dialog {
position: absolute;
left: 20px;
}

.modal.fade.right-modal-with-space .modal-dialog {
position: absolute;
right: 20px;
}


/*---*/

.modal.top-modal-without-space .modal-dialog {
margin: 0px auto;
}

.modal.fade.left-modal-without-space .modal-dialog {
position: absolute;
left: 0px;
}

.modal.fade.right-modal-without-space .modal-dialog {
position: absolute;
right: 0px;
}


/*---*/

.modal.fade.modal-dialog-center {
height: 100%;
/* top: auto; */
}

.modal.fade.modal-dialog-center .modal-dialog {
display: table;
height: 100%;
}

.modal.fade.modal-dialog-center .modal-content-wrap {
display: table-cell;
vertical-align: middle;
}


/*-----*/

.modal.fade.full-width-modal-left .modal-dialog .modal-content,
.modal.fade.full-width-modal-right .modal-dialog .modal-content,
.modal.fade.full-width-modal-right .modal-dialog .modal-content-wrap,
.modal.fade.full-width-modal-left .modal-dialog .modal-content-wrap {
height: 100%;
}

.modal.fade.full-width-modal-right .modal-dialog {
height: 100%;
position: absolute;
right: 0px;
margin: 0;
}

.modal.fade.full-width-modal-left .modal-dialog {
height: 100%;
position: absolute;
left: 0px;
margin: 0;
}

.full-width-modal-right .modal-header,
.full-width-modal-right .modal-content,
.full-width-modal-left .modal-header,
.full-width-modal-left .modal-content {
border-radius: 0;
}


/*header theme color*/

.theme-h-color img {
width: 100%;
height: auto;
margin-bottom: 10px;
}

.theme-h-color p {
line-height: 30px;
margin-bottom: 15px;
}

header.green-bg a.logo,
header.dark-bg a.logo,
header.purple-bg a.logo,
header.blue-bg a.logo {
color: #000;
margin-top: 15px;
margin-left: 10px;
}

header.green-bg {
background: #88ae59;
border-bottom: 1px solid #88ae59;
}

header.dark-bg {
background: #fff;
box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}

header.purple-bg {
background: #ff9700;
border-bottom: 1px solid #ff9700;
}

header.blue-bg {
background-image: linear-gradient(to right, #414560, #4d9a9a, #7ad6d1, #4db5ff, #53538c, #8a66a5, #b37ab3);
border-bottom: 1px solid #16aad8;
}

header.green-bg .sidebar-toggle-box .fa-bars,
header.green-bg .sb-toggle-right,
header.dark-bg .sidebar-toggle-box .fa-bars,
header.dark-bg .sb-toggle-right,
header.purple-bg .sidebar-toggle-box .fa-bars,
header.purple-bg .sb-toggle-right,
header.blue-bg .sidebar-toggle-box .fa-bars,
header.blue-bg .sb-toggle-right {
color: #fff;
}

header.green-bg ul.top-menu>li>a,
header.green-bg .search {
border-color: #9dc867 !important;
color: #fff;
}

header.dark-bg ul.top-menu>li>a,

/* header.dark-bg .search {
border-color: #3a495b !important;
color:#fff;
} */

header.purple-bg ul.top-menu>li>a,
header.purple-bg .search {
border-color: #9587e6 !important;
color: #fff;
}

header.blue-bg ul.top-menu>li>a,
header.blue-bg .search {
border-color: #18b7e8 !important;
color: #fff;
background: #4c82b1;
}


/* header.green-bg ul.top-menu > li > a:hover .username,
header.green-bg ul.top-menu > li > a:focus .username,
header.dark-bg ul.top-menu > li > a:hover .username,
header.dark-bg ul.top-menu > li > a:focus .username,
header.purple-bg ul.top-menu > li > a:hover .username,
header.purple-bg ul.top-menu > li > a:focus .username,
header.blue-bg ul.top-menu > li > a:hover .username,
header.blue-bg ul.top-menu > li > a:focus .username{
color:#323232!important;
} */

header.green-bg .search,
header.dark-bg .search,
header.purple-bg .search,
header.blue-bg .search {
color: #fff !important;
}

header.green-bg .top-nav .username,
header.dark-bg .top-nav .username,
header.purple-bg .top-nav .username,
header.blue-bg .top-nav .username {
color: #fff;
}

header.green-bg .top-nav .nav .caret,
header.dark-bg .top-nav .nav .caret,
header.purple-bg .top-nav .nav .caret,
header.blue-bg .top-nav .nav .caret {
border-bottom-color: #fff;
border-top-color: #fff;
}

header.green-bg ul.top-menu>li>a:hover .caret,
header.green-bg ul.top-menu>li>a:focus .caret,
header.dark-bg ul.top-menu>li>a:hover .caret,
header.dark-bg ul.top-menu>li>a:focus .caret,
header.purple-bg ul.top-menu>li>a:hover .caret,
header.purple-bg ul.top-menu>li>a:focus .caret,
header.blue-bg ul.top-menu>li>a:hover .caret,
header.blue-bg ul.top-menu>li>a:focus .caret {
border-bottom-color: #fff;
border-top-color: #fff;
}

header.green-bg .search:focus,
header.dark-bg .search:focus,
header.purple-bg .search:focus,
header.blue-bg .search:focus {
margin-top: 5px;
width: 180px;
border: 1px solid #eaeaea;
box-shadow: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
color: #c8c8c8;
font-weight: 300;
}


/*toaster*/

.radio-list label,
.checkbox-list label {
display: inline-block;
width: 100%;
font-weight: normal;
}

.radio-list .radio,
.radio-list .radio span,
.radio-list .radio input {
width: 18px;
height: 18px;
float: left;
margin: 0 10px 0 0;
}

.checkbox-list .checker span {
float: left;
margin-right: 10px;
}

.toastr-pad input,
.toastr-row label {
margin-bottom: 10px;
}

#toast-container>div,
#toast-container> :hover {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

.box-wrap {
height: 400px;
overflow: hidden;
}

.w-list li {
line-height: 20px;
margin-bottom: 16px;
}


/*summernote editor*/

.note-editor .note-toolbar {
background-color: #fff;
border-bottom: 1px solid #e2e2e4;
border-radius: 4px 4px 0 0;
}

.note-editor {
position: relative;
border: 1px solid #e2e2e4;
border-radius: 4px;
}

.note-editor .note-statusbar .note-resizebar {
border-top: 1px solid #e2e2e4;
}

.note-editor .note-statusbar {
background: #fff;
border-radius: 4px;
}

.note-editor .note-editable ul {
padding-left: 40px;
}

.note-editor .note-editable ul li {
list-style: disc;
}


/*select 2*/

.select2-container {
width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
padding: 3px;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
border: 1px solid #e2e2e4;
border-radius: 3px;
}

.select2-container .select2-selection--single {
height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 34px;
}


/*-----*/

.is-sidebar-nav-open #sidebar {
margin-left: -210px;
}

.is-sidebar-nav-open #main-content {
margin-left: 0px;
}


/*----------Light left nav------------*/

ul.sidebar-menu li {
margin-left: 0;
}

ul.sidebar-menu li a {
border-radius: 0 40px 40px 0;
}

ul.sidebar-menu li a.active,
ul.sidebar-menu li a:hover,
ul.sidebar-menu li a:focus {
background: transparent;
}

ul.sidebar-menu li a.active,
ul.sidebar-menu li a:hover,
ul.sidebar-menu li a:focus {
/*background: rgba(237, 77, 83, .06);*/
/*border-left: 3px solid white;*/
color: white;
border-radius: 0 40px 40px 0;
}

ul.sidebar-menu>li>a.active,
ul.sidebar-menu>li>a:hover,
ul.sidebar-menu>li>a:focus {
background: rgb(42 53 66 / 39%);
border-left: 3px solid white;
color: white;
border-radius: 0 40px 40px 0;
}

ul.sidebar-menu li a.active {
font-weight: bold;
}

ul.sidebar-menu li a {
font-size: 14px;
font-family: 'regularEmber';
color: rgba(255, 255, 255, 0.6);
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary{

}
.toggle_menus_icons ul{
min-width: 80px;
}
.toggle_menus_icons .dropdown-menu{
left:-31px;
}
.toggle_menus_icons ul li a{
padding:3px 5px;
font-size:12px;
}
.breadcrumb {
background-color: var(--all-white-color);
margin-bottom: 15px!important;
}

.panel {
background-color: var(--all-white-color);
}

ul.sidebar-menu li ul.sub {
margin: 0;
/*padding: 0;*/
background-color: var( --all-white-color);
border-radius: 0.35rem !important;
margin: 0 1rem;
padding: 0.5rem 0px;
}

ul.sidebar-menu li ul.sub a:hover i,
ul.sidebar-menu ul.sub li a:focus i {
color: rgb(24 23 23 / 40%);
}

.dataTables_wrapper {
overflow-x: scroll;
}

.nav-tabs>li>a {
color: white;
padding: 5px 10px;
border-radius: 10px;
border: 1px solid #ccc;
margin: 0 5px;
color: #000;
font-size: 14px
}

.tab-content .tab-pane .col-md-3 {
margin-bottom: 5px;
}

.no-padding {
padding: 0px;
}

.pl-0 {
padding-left: 0px;
}

.error {
color: red;
margin-top: 3px;
}

.input-xs {
border-radius: 3px;
font-size: 11px;
height: auto;
/* line-height: 1.5; */
padding: 9px !important;
}

.stop_channel {
background: #da5a5a;
padding: 0px 3px 0px 4px;
color: white;
border-radius: 5px;
}

.select2-container {
width: 100%!important;
border: 1px solid #a3a3a3;
border-radius: 3px;
}

.select2-selection__rendered {
height: 100%;
padding: 3px;
}

.select2-results {
max-height: 180px;
display: block;
overflow-y: auto;
}

#overlay {
position: fixed;
/* Sit on top of the page content */
display: none;
/* Hidden by default */
width: 100%;
/* Full width (cover the whole page) */
height: 100%;
/* Full height (cover the whole page) */
top: 0;
left: 0;
right: 0;
bottom: 0;
/*background-color: rgba(0, 0, 0, 0.8);*/
/* Black background with opacity */
z-index: 10000;
/* Specify a stack order in case you're using a different order for other elements */
cursor: pointer;
/* Add a pointer on hover */
}

#overlay div {
position: absolute;
top: 40%;
left: 50%;
font-size: 40px;
text-align: center;
color: white;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}


/*Scrollbar design*/

::-webkit-scrollbar {
width: 5px;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgb(84 38 219 / 30%);
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgb(84 38 219 / 80%);
}


/*Text colors*/

.text-lowercase {
text-transform: lowercase !important
}

.text-uppercase {
text-transform: uppercase !important
}

.text-capitalize {
text-transform: capitalize !important
}

.font-weight-light {
font-weight: 300 !important
}

.font-weight-lighter {
font-weight: lighter !important
}

.font-weight-normal {
font-weight: 400 !important
}

.font-weight-bold {
font-weight: 700 !important
}

.font-weight-bolder {
font-weight: bolder !important
}

.font-italic {
font-style: italic !important
}

.text-white {
color: #fff !important
}

.text-primary {
color: #007bff !important
}

a.text-primary:hover,
a.text-primary:focus {
color: #0056b3 !important
}

.text-secondary {
color: #6c757d !important
}

a.text-secondary:hover,
a.text-secondary:focus {
color: #494f54 !important
}

.text-success {
color: #28a745 !important
}

a.text-success:hover,
a.text-success:focus {
color: #19692c !important
}

.text-info {
color: #17a2b8 !important
}

a.text-info:hover,
a.text-info:focus {
color: #0f6674 !important
}

.text-warning {
color: #ffc107 !important
}

a.text-warning:hover,
a.text-warning:focus {
color: #ba8b00 !important
}

.text-danger {
color: #dc3545 !important
}

a.text-danger:hover,
a.text-danger:focus {
color: #a71d2a !important
}

.text-light {
color: #f8f9fa !important
}

a.text-light:hover,
a.text-light:focus {
color: #cbd3da !important
}

.text-dark {
color: #343a40 !important
}

a.text-dark:hover,
a.text-dark:focus {
color: #121416 !important
}

.text-body {
color: #212529 !important
}

.text-muted {
color: #6c757d !important
}

.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important
}

.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important
}

.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}

.text-decoration-none {
text-decoration: none !important
}

.text-break {
word-wrap: break-word !important
}

.text-reset {
color: inherit !important
}

.btn {
/* background-image: linear-gradient(to bottom, rgb(17 26 85 / 50%), rgb(208 163 163 / 20%) 49%, rgba(0,0,0,0.15) 51%,
rgba(0,0,0,0.05)); */
background: var( --primarycolor);
border: var( --btnbordercolor);
color: var(--all-white-color);
}

.live_blink {
-moz-animation-duration: 500ms;
-moz-animation-name: blink;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
-webkit-animation-duration: 500ms;
-webkit-animation-name: blink;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-duration: 800ms;
animation-name: blink;
animation-iteration-count: infinite;
animation-direction: alternate;
color: red;
}

@-moz-keyframes blink {
from {
opacity: 1;
}
to {
opacity: 0;
}
}

@-webkit-keyframes blink {
from {
opacity: 1;
}
to {
opacity: 0;
}
}

@keyframes blink {
from {
opacity: 1;
}
to {
opacity: 0;
}
}

.sbu_btn {
display: flex;
margin-top: 20px;
column-gap: 1px;
justify-content: end;
padding-right: 40px;
}


/*====newcss===*/

.loginBox {
background: #ffffff;
margin: 40px 10px 40px;
position: relative;
background: #fff;
border-radius: 10px;
border-radius: 20px;
}

.logo-left {
border-right: 2px solid #ff9700;
height: 552px;
display: flex;
justify-content: center;
align-items: center;
}

.logo-new-tb {
text-align: center;
}

.logo-new-tb img {
width: 70%!important;
text-align: center;
}

.logo-form-right .Login-title h1 {
display: inline-block;
color: #000!important;
font-size: 32px;
margin-bottom: 25px;
}

.logo-form-right {
padding: 30px 107px 0px 107px;
height: 552px;
}

.login-part-inner h4 {
font-weight: bold;
font-size: 12px;
color: #666;
}

.login-part-inner .form-control {
display: block;
width: 100%;
height: 38px;
padding: 0.375rem 0.75rem!important;
font-size: 1rem;
font-weight: 400;
line-height: 1.5!important;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.footer {
color: white;
width: 100%;
font-size: 11px;
bottom: 5px;
text-align: center;
}

.logo-newtop img {
width: auto;
height: 54px;
}

.sidebar-toggle-box .tooltips {
color: #000!important;
}

.badge-warning {
color: #fff;
background-color: var( --primarycolor)!important;
border-radius: 5px;
padding: 5px;
}

.badge {
border-radius: 5px!important;
font-weight: 400!important;
}

.badge-success {
color: #fff;
/* background-color: #e86209; */
background-color: var(--primarycolor);
}

span.badge.badge-xs.badge-success {
padding: 9px 20px;
/* justify-content: revert; */
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-color: var(--primarycolor);
border-color: var(--btnbordercolor);
color: #FFFFFF;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-color: var(--primarycolor);
border-color: var( --btnbordercolor);
color: #FFFFFF;
}

.bg-success {
background-color: var( --)!important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
background-color: #ff9700;
border-color: #ff9700;
color: #FFFFFF;
}

a.btn-xs {
margin: 2px 2px;
}

.btn-xs {
padding: 3px 7px;
font-size: 12px!important;
font-weight: 400;
text-align: center;
margin: 2px;
}
.btn-xs:hover{
background: var(--btn-hover-color) !important;
}
.adv-table .dataTables_length select{
padding: 5px 0 !important;
}

.ban-head-new {
display: flex;
justify-content: space-between;
align-items: center;
background: var( --secondary-color);
}

#all-user-grid .badge-success {
color: #fff;
/* background-color: #e86209; */
background: var(--btnbordercolor);
padding: 10px 20px;
cursor: pointer;
}

.badge-danger {
color: #fff;
background-color: var( --dangerbgcolor);
<!-- padding: 10px 20px!important; -->
padding: 0!important;
}

.tools-right-1 .tools {
margin: 0px 0 0 3px;
}

.tools-right-1 {
display: flex;
justify-content: center;
align-items: center;
}

.tools-right-1 .tools .input-xs {
border-radius: 3px;
font-size: 11px;
height: 34px;
line-height: 1.5;
padding: 0 10px;
margin-top: 11px;
}

.tools-right-1 button.btn-xs.btn-success.pull-right {
background: #ff9700;
border: 1px solid #ff9700;
border-radius: 3px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-color: #ff9700;
border-color: #ff9700;
color: #fff9f9;
}

.btnvde {
padding: 2px 5px!important;
margin: 0px 2px 5px 0px!important;
font-size: 10px!important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled.active,
.btn-primary.active[disabled] {
background-color: #ef6f12 !important;
border-color: #ef6f12 !important;
color: #FFFFFF !important;
}

.btnhw {
display: inline-block;
position: absolute;
top: -22px;
right: 18px;
}

.dis-2 {
display: inline-flex;
}

.tools-right-1 .bthn {
margin: 0px 4px;
}

.badge {
padding: 6px 7px;
margin:0;}

table tr td {
font-size: 14px;
vertical-align:middle !important;
padding:8px !important;
}

ul.sub li a.dcjq-parent .dcjq-icon:before {
/* content: ''; */
top: 15px!important;
}

.tools-right-1 .rte {
margin: 0 0 0 3px!important;
}

.btn-group.grpue-1 {
/* justify-content: flex-end; */
display: inline-flex;
float: right;
/*flex-wrap: wrap;
row-gap: 10px;*/
}

.btn-group.grpue-1 .btn {
/* padding: 0px 10px; */
margin: 0px 10px;
}

.newrde .btn {
margin: 0px 10px;
}

.corder-w {
display: flex!important;
margin: 0px 10px!important;
}

span.tools.detaild a {
display: block;
width: 100%;
}

.sym-main {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}

.sym-main .symbol {
width: 18%;
padding: 29px 9px;
}

.sym-main .state-overview .value {
width: 70%;
}

.sym-main .well {
padding: 0px!important;
min-height: 0px!important;
border: none!important;
box-shadow: none!important;
}


ul.nav.nav-tabs.pills-main {
background-color: #fff;
box-shadow: 0px 8px 20px rgb(0, 0, 0, 0.2);
padding: 0px;
}


.pills-main li a {
width: 100%;
background-color: transparent;
border: none;
color: #fff;
}

.pills-main li a:hover {
background-color: #eee;
}

.pills-main li.nav-item {
margin-bottom: 18px;
}

.pills-main li {
margin-bottom: 9px;

color: #fff;
padding: 0px;
border: none;
}

.pills-main li a {
border: none!important;
font-size: 15px;
color: #000!important;
padding: 7px 10px;
}

.pills-main li.active {
border: none!important;
background-color: #eee;
color: #000;
border-left: 5px solid #ff9700!important;

}

.pills-main>li {
border-bottom: 1px solid #ebeae6;
margin-top: 0;
/* line-height: 30px; */
width: 100%;
display: inline-block;
padding: 0px 0px 0px;

margin-bottom: 0px!important;
}



.pills-main li a:hover {
background-color: #eee!important;

}

.pills-main li.active a {

color: #000!important;
}

.free-flexc {
display: flex;
justify-content: flex-end;
}

.btn_user-space {
margin: 0px 4px 0px 0px;
padding: 3px 5px;
font-weight: 400;
}
input[type=checkbox], input[type=radio]{
margin: 4px 7px 0 6px;
}

.pnbtnw {
color: #fff!important;
}

.head-btnnew {
margin: 0px 5px;
}

.editbtnnewq {
padding: 3px 7px;
font-size: 10px!important;
}

.objchk input.question_type {
margin: 0px 8px;
}

.objchk {
padding: 5px 10px 5px;
}


.panel-heading.tabcourse-w a {
width: 100%!important;
display: block;
color: #fff;
}

.panel-heading.tabcourse-w a .fa {
width: 100%!important;
display: block;
}

.tabcourse-w {
display: flex;

align-items: center;
}
.capitalize {
text-transform: uppercase !important;
}
::placeholder {
text-transform: capitalize;
}
.qr {
text-transform: capitalize !important;
}
.semi_bold {
font-weight: bold !important;
font-size: 14px !important;
color: #8b8a8a !important;
}
.state-overview .count1 {
font-size: 23px !important;
font-weight: 600 !important;
color: #454343 !important;
}

.dateFilter {
position: absolute;
right: 1px;
top: -52px;
/* background: #fff; */
padding-bottom: 5px !important;
border-radius: 5px !important;
}