*
{
	margin:0px;
	padding:0px;
}
.checkboxlist label:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 4px;
    width: 7px;
    opacity: 0;
    height: 11px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    z-index: 1;
    transform: rotate(45deg);
    top: 2px;
}
.rigthsidesubsubmenu{left: auto !important;
    right: 0;
    margin-right: 100%;}
.approvepz p{margin:0 0 5px;}
.yesnolistmarg li{display:inline-block;margin-right:20px;}
.checkboxlist input {
    display: none;
}
.checkboxlist label {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    position: relative;
    padding-left: 22px;
    vertical-align: middle;
}
.checkboxlist input:checked + label:before {
    opacity: 1;
}
.checkboxlist input:checked + label:after {
    background: #000;
}
.btn-primary {
    color: #fff;
    background-color: #116f9a;
    border-color: #116f9a;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #116f9a;
    border-color: #116f9a;
}
.bggray{    background: #d8d8d8;}
.bgblue{ background: #00b0f0;}
.checklilastlablemar label:last-child{margin-bottom:0;}
.checkbomainbx{    border: 2px solid #000; }
.listheadmain h4{   
    color: #fff;
    font-size: 16px;
    margin: 0;
}
.radiobtnlist{}
.radiobtnlist{}
.radiobtnlist{}
.radiobtnlist input {
    display: none;
}
.radiobtnlist label {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    position: relative;
    padding-left: 22px;
    vertical-align: middle;
}
.radiobtnlist input:checked + label:before {
    opacity: 1;
}
.ysnolist table{width:100%;}
.ysnolist td{padding:5px;}
.radiobtnlist label:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 4px;
    width: 7px;
    opacity: 0;
    height: 11px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    z-index: 1;
    transform: rotate(45deg);
    top: 2px;
}
.radiobtnlist input:checked + label:after {
    background: #000;
}
.radiobtnlist label:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 16px;
    top: 1px;
    height: 16px;
    border: 2px solid #000;
}
.printbtn:hover{color:#fff;
}
.printbtn{    width: 50px;
    text-align: center;
    color: #fff;
    background: #116f9a;
    border-radius: 50%;
    font-size: 20px;
    display: block;
    padding: 15px 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10;}
.tableinput{}
.tableinput input[type="file"], .tableinput input[type="date"], .tableinput input[type="time"], .tableinput input[type="number"], .tableinput input[type="time"], .tableinput input[type="password"], .tableinput input[type="text"], .tableinput select {
    width: 100%;
    height: 30px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    outline: none;
    border-radius: 4px;
}
.pretaskbtnrow{padding:5px;}
.listheadmain{ padding: 10px;}
.listheadmain h5{  color: #000;
    font-size: 16px;
    margin: 0; }
.checkfullwidth label{display:block;margin-bottom:10px;}
.checkfullwidth label:last-child{}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
    color: #fff;
    background-color: #116f9a;
    border-color: #116f9a;
}
.bg-gray{background:#eee;}
.checkboxlist label:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 16px;
    top: 1px;
    height: 16px;
    border: 2px solid #000;
}
.chklistheight{    height: 220px;
    overflow: auto;
    overflow-x: hidden;
    background: #efefef;
    padding: 20px;
    border-radius: 5px;}
    
    .chklistheight2{    height: 500px;
    overflow: auto;
    overflow-x: hidden;
    background: #efefef;
    padding: 20px;
    border-radius: 5px;}
.checkboxlist input{margin:0 5px 0 0;}
.mediaicons{}
.mediaicons a span{    position: absolute;
    z-index: 1;
    width: 23px;
    background: #f3f700;
    color: #000;
    text-align: center;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 600;
    padding: 2px 0px;
    top: -11px;
    right: -7px;}
.mediaicons a{display:inline-block;margin-right:2px;position:relative;}
.mediaicons a i{    color: #fff;
    width: 36px;
    text-align: center;
    padding: 10px 0px;
    border-radius: 50%;}
.mediaicons a i.fa-image{background:#0cd099;}
.mediaicons a i.fa-youtube{background:red;}
.mediaicons a i.fa-file-alt{background:#43a0ff;}

.dashbox-row .col-md-3{    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;}
body
{
font-family: 'Poppins', sans-serif;
}
.login-logo {
    text-align: center;
    margin-bottom: 10px;
}
.ehslogo img {
    height: 60px;
}
.saftyloginlogo{margin-bottom:20px;}
.saftyloginlogo img{ height: 60px;}
.login-form .input-main {
    margin-bottom: 10px;
}
.login-form .input-main:last-child {
    margin-bottom: 0px;
}
.input-main {
    padding: 5px;
}
.floating-box label {
transition: 0.2s ease all;
    font-size: 13px;
    color: #a7cf38;
    font-weight: 500;
}
.floating-input:focus, .floating-select:focus {
    outline: none;
    border-color: #47c178;
}
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
.floating-box input[type="submit"].loginbtn {
    width: 100%;
    cursor: pointer;
    background: linear-gradient(-45deg, #ff0000, #40a899, #0093d8, #0095da);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
    border: none;
    color: #fff;
    padding: 15px 0px;
    font-size: 16px;
    border-radius: 40px;
    outline: none;
}
.dashboxicon i {
    width: 69px;
    text-align: center;
    font-size: 35px;
    color: #fff;
    background: rgba(0, 0, 0, 0.23);
    border-radius: 50%;
    padding: 17px 0px;
}
.floating-input {
       padding: 5px 15px 5px 45px;
    display: block;
    width: 100%;
    height: 45px;
    background-color: transparent;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
}
.floating-box i {
        position: absolute;
    left: 0;
    bottom: 0;
    color: #d2d2d2;
    font-size: 15px;
    padding: 15px 17px;
}

.marginrow{margin:-5px;}
.floating-box h3 {
    text-align: center;
    margin: 0;
    color: #000000;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
}
.floating-box {
    position: relative;
}
.loginboxmain {
    width: 400px;
    padding: 20px;
    margin: 0 auto;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
}
.login-padd{position:absolute;width:100%;height:100%;}
.distable{width:100%;height:100%;display:table;}
.distablecell{width:100%;height:100%;display:table-cell;vertical-align:middle;}
.bgcolor {
    background: #0093d8;
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
}
.remembertext label input{margin-right:5px;    vertical-align: middle; }
.remembertext label{ margin:0;
    font-size: 15px;
    color: #000000;
    font-weight: 400;}
.top-mrg
{
	margin-top:10px;
}
.login-fotter {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 20px 0;
}
.login-fotter p, .login-fotter a {
    color: #fff;
    font-weight:bold;
    font-size: 13px;
}
/*======== FORM CONTROL ==========*/
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
       -o-transition: none;
          transition: none;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #777;
}
.form-control::-webkit-input-placeholder {
  color: #777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

/*==================== login box ==============*/
.login-box
{
	position:absolute;
	top:20%;
	left:33%;
	border:solid 1px #004163;
	/*border-top-left-radius:30px;
	border-bottom-right-radius:30px;*/
	padding:15px;
	color:#f9d100;
	background-color:#013f65;
	box-shadow: 0 0px 15px rgba(0,0,0,0.18);
	-moz-box-shadow: 0 0px 15px rgba(0,0,0,0.18);
	-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.18);
}
@media (max-width:767px)
{
	.login-box
	{
		position:absolute;
		top:20%;
		left:0;		
	}
}
.help ul li a
{
	color:#f9d100;
	text-decoration:none;
}
.help ul li a:hover
{
	color:#f9d100;
	text-decoration:none;
}
.login-box a
{
	color:#f9d100;
	text-decoration:none;
}
.login-box a:hover
{
	color:#f9d100;
	text-decoration:none;
}
.logo
{
	margin:0 auto;
}
.btn
{
	border-radius:0px;
}

.red
{
	color:#ff0000;
}
.header {
    box-shadow: 0px 0px 5px #a8a8a8;
}
.searchproductimg{text-align:center;}
.searchproductimg img{width:100%;}
.searchproductimg h4{}

.produplimg{margin-top:10px;position:relative;}
.produplimg img{    height: 90px;
    border: 1px solid #ddd;    max-width: 150px;
    border-radius: 4px;}


.top-header {
   background: #116f9a;
   
    padding: 5px 0;
}
.customecheckbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.customecheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.customecheckbox input:checked ~ .checkmark {
    background-color: red;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    border: 1px solid #000;
}
.marginrow1{
    margin: -5px;
}
.selectreletedprodbox{    background: #f3f3f3;
    padding: 20px;
    border-radius: 5px;max-height:150px;overflow-y:scroll;}
    .rolepermisslist{max-height:auto;overflow-y:hidden;}
    .selectreletedprodbox .customecheckbox{margin:0;}
.customecheckbox input:checked ~ .checkmark:after {
    display: block;
}

.customecheckbox .checkmark:after {
    left: 6px;
    content: "";
    display: none;
    position: absolute;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.prouploimgdelbtn{    position: absolute;
    top: 24%;
    right: 7%;}
.section-padd {
    padding: 7.5px;
}
.multiimagestable img{height:60px;margin-right:2px;border:1px solid #ddd;}
.padd15 {
    padding: 15px;
}
.password-form h3 {
    font-size: 20px;
    margin: 0 0 20px;
    text-align: center;
    font-weight: 600;
}
.input-box label {
    display: block;
    min-height: 19px;
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 5px;
}
.ordeproductsrow{background:#eff5f7;}
.input-box input[type="file"], .input-box input[type="date"], .input-box input[type="time"], .input-box input[type="number"], .input-box input[type="time"], .input-box input[type="password"], .input-box input[type="text"], .input-box select {
    width: 100%;
    height: 30px;
    border: 1px solid #ddd;
    padding:0px 5px;
    outline:none;
    border-radius:4px;
}
.tasktable{}
.tasktable h4{    color: #000;
    font-size: 16px;
    margin: 0;}
.tasktable ul{}
.tasktable ul li{color: #000;
    font-size: 15px;
    padding: 4px 0;font-weight:600;}

.tableinput{margin-bottom:5px;}
.tableinput:last-child{margin-bottom:0px;}
.actionsbtns a.actioneditbtn i {
    background: #2ca3ff;
}
.actionsbtns a.actionreportbtn i {
    background: #ff7600;
}
.actionsbtns a i {
    color: #fff;
    width: 35px;
    opacity: 0.8;
    text-align: center;
    display: inline-block;
    padding: 11px 0;
    font-size: 13px;
    border-radius: 50%;
}
.actionsbtns a{display:inline-block;}
.actionsbtns a.actiondeletebtn i {
    background: #f76162;
}
.actionsbtns a:hover i {
    opacity: 1;
}
.chart-box{padding:20px;border: 1px solid #ddd;    height: 100%;}
.cusorderdetprodutable{}
.cusorderdetprodutable table {border:1px solid #ddd;}
.cusorderdetprodutable table thead{background:#fff;}
.cusorderdetprodutable table tr{border-bottom:1px solid #ddd;}
.cartproimg img{height:60px;}
.mb15{margin-bottom:15px;}
.input-box textarea{
    width: 100%;
    height: 150px;
    border: 1px solid #ddd;
    padding: 10px;
    outline:none;
    resize:none;
    border-radius:4px;
}
.chart-box h2{    font-size: 25px;
    font-weight: 500;
    margin: 0 0 20px;}
    
    .chart-box h3{    font-size: 30px;font-weight: 600;margin: 0 0 20px;}
.gotobtn .effectbtn{    background: #006798;
    padding: 10px 18px;
    color: #fff;
    border-radius: 4px;
    margin-top: 30px;}
.dashbox-chart{    padding: 7.5px;}
.reportdetailuserbox label{display: block;
    min-height: 20px;
    font-size: 13px;
    font-weight: 600;}
    .ordertable > table {
    width: 100%;
}
.userdata label{ font-size: 12px;
    display: block;
    margin: 0 0 3px;
    color: #7b7b7b;
    font-weight: 600;}
.userdata p{    font-size: 15px;}
.filebatns a{margin-right: 6px;
    display: inline-block;
    background: #4eabe2;
    color: #fff;
    padding: 3px 16px;
    font-size: 14px;
    border-radius: 29px;}


.ordertable > table > thead > tr {
    border-bottom: 1px solid #ddd;
}
.ordertable > table > thead {
background: #4eabe2;
    border: 1px solid #4eabe2;
}
.orderinncusdata {
    padding: 10px;
    background: #f4f4f4;
}
.userdata p i {
    margin-right: 10px;
    color: #dedede;
}
.ordertable > table > thead > tr > th {
    padding: 10px 5px;
    color: #fff;

}
.ordertable > table > tbody {
    border: 1px solid #ddd;
    border-top: none;
}
.ordertable > table > tbody > tr {
    border-bottom: 1px solid #ddd;
}
.ordertable > table > tbody > tr:nth-child(odd) > td {
    padding: 5px;
    font-size: 14px;
}
  .reportdetailuserbox p{    font-weight: 600;}  
    .reportdetailuserbox p.totalordercus{color: red;
    display: inline-block;
    border-radius: 5px;
    font-size: 25px;}  
.padd10{padding:10px;}

.admintablebox{max-height: 500px;    overflow-y: auto;}
.admintablebox table{width:100%;    background: #fff;}
.admintablebox > table > thead{    color: #000;
    background: #ececec;
    border: 1px solid #ececec;}
.table-bordered thead{    background: #ececec;}
.admintablebox table th{font-weight:500;}

.admintablebox table th:last-child{width:10%;}
.admintablebox table tr.ordeproductsrow > td{padding:0;}

.admintableboxdata{max-height: 500px;    overflow-y: auto;}
.admintableboxdata table{width:100%;    background: #fff;}
.admintableboxdata > table > thead{color:#fff;background: #4eabe2;border:1px solid #4eabe2;}
.admintableboxdata > table > tbody{border:1px solid #ddd;border-top:none;color:#000;}
.admintableboxdata > table > tbody > tr{border-bottom:1px solid #ddd;}

.admintableboxdata table th {
    padding: 10px;
}

.admintableboxdata table tbody tr:nth-child(odd) td {
    padding: 10px;
}
.admintableboxdata > table > tbody > tr:last-child, .admintableboxdata > table > tbody > tr:nth-last-child(2){border-bottom:none;}
.admintableboxdata > table > tbody  tr:nth-child(even) td p{    background: #f1f1f1;
    padding: 10px;
    font-size: 14px;
    line-height: 1.8;}

.completed{color:#19bb52;}
.missed{color:red;}
.pending{color:#ffa500;}


.statusbox a.deactive {
    background: #f65454;
    color: #fff;
    border-radius: 5px;
}
.statusbox a.active {
    background: #1fcc7c;
    color: #fff;
    border-radius: 5px;
}
.statusbox a {
    font-size: 12px;
    opacity: 0.8;
    font-weight: 600;
    padding: 2px 4px;
    padding: 3px 4px;
    display: inline;
}
.statusbox a:hover {
    opacity: 1;
}
.tableimg img{height:50px;}
.table-heading h2 {
    font-size: 23px;
    margin: 5px 0;
}
.htlistch table{width:100%;}
.htlistch table td{padding:5px;
}
.bggreen{background:#d7e4bc;}
.listmainbox {
    padding: 15px;
    background: #fff;
}
.input-box .effectbtn {
    background: #006798;
    cursor: pointer;
    border-radius: 4px;
    border: none;
    color: #fff;
    padding: 6px 20px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
}
.effectbtn:hover:before {
    width: 100%;
    transition: all 0.5s;
}
.pretaskbtnrow i{margin:0 10px;}
.workdashrow h4, .workdashrow h6{color:#fff;margin:0;}
.effectbtn:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #000;
    z-index: -1;
    width: 0;
    margin: 0 auto;
    transition: all .5s;
}
.badge i{margin-right:5px;}
a:visited, a:focus {
    outline: none;
    border: none;
    box-shadow: 0 0 0;
}
.btn i{margin-right:5px;}
.btn,.btn.focus, .btn:focus{    outline: none !important;
    border: none !important;
    box-shadow: 0 0 0 !important;}
.effectbtn {
    position: relative;
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    transition: all .5s;
    transform-style: preserve-3d;
}
.input-box input[type="file"]:focus, .input-box input[type="date"]:focus, .input-box input[type="time"]:focus, .input-box input[type="number"]:focus, .input-box input[type="time"]:focus, .input-box input[type="password"]:focus, .input-box input[type="text"]:focus, .input-box select:focus, .input-box textarea:focus {
border-color:#ababab;
}
.input-box input[type="submit"]{
    background: red;
    color: #fff;
    font-weight: 600;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}
.filter-box {
    float: right;
    margin-left: 10px;
}
.filter-box input[type="date"], .filter-box input[type="text"], .filter-box select {
    width: 180px;
    height: 40px;
    padding: 5px;
    border: 1px solid #ddd;
    outline:none;
}
.input-box input[type="submit"]:hover{
    background: #000;
}
.smstemplatetextarea textarea{
    
    height: 250px;}
.password-form {
    width: 500px;
    padding: 30px;
    margin: 0 auto;
    background: #fff;
}
.dashbox-row {
    margin: 0;
}
.menu-header {
background: #fff;
}
.top-menu {
    float: right;
}
.top-menu ul li {
    display: inline-block;
}
.top-menu ul li a, .top-menu ul li p {
    padding: 5px 8px;
    display: block;
    font-size: 13px;
    color: #fff;
}
.dashbox-row {
    margin: 0;
}
.dashbox-main {
    padding: 7.5px;
}
.input-main {
    padding: 5px;
}
.dashbox h3 {
    font-weight: 600;
    color: #fff;
    margin: 0;
    font-size: 35px;
}
.dashbox p {
    color: #fff;
    margin: 0;
}
.cardbox1 {
    background: #1e5799;
    background: -moz-linear-gradient(45deg, #1e5799 0%, #26c6da 100%);
    background: -webkit-linear-gradient(45deg, #1e5799 0%,#26c6da 100%);
    background: linear-gradient(45deg, #1e5799 0%,#26c6da 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#26c6da',GradientType=1 );
}
.cardbox2 {
    background: #ff5252;
    background: -moz-linear-gradient(45deg, #ff5252 0%, #f48fb1 100%);
    background: -webkit-linear-gradient(45deg, #ff5252 0%,#f48fb1 100%);
    background: linear-gradient(45deg, #ff5252 0%,#f48fb1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5252', endColorstr='#f48fb1',GradientType=1 );
}
.cardbox3 {
    background: #ff6f00;
    background: -moz-linear-gradient(45deg, #ff6f00 0%, #ffca28 100%);
    background: -webkit-linear-gradient(45deg, #ff6f00 0%,#ffca28 100%);
    background: linear-gradient(45deg, #ff6f00 0%,#ffca28 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6f00', endColorstr='#ffca28',GradientType=1 );
}

.cardbox4 {
    background: #43a047;
    background: -moz-linear-gradient(45deg, #43a047 0%, #1de9b6 100%);
    background: -webkit-linear-gradient(45deg, #43a047 0%,#1de9b6 100%);
    background: linear-gradient(45deg, #43a047 0%,#1de9b6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a047', endColorstr='#1de9b6',GradientType=1 );
}
.cardbox5 {
    background: #d789ff;
    background: -moz-linear-gradient(45deg, #9f43a0 0%, #d789ff 100%);
    background: -webkit-linear-gradient(45deg, #9f43a0 0%,#d789ff 100%);
    background: linear-gradient(45deg, #9f43a0 0%,#d789ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f43a0', endColorstr='#d789ff',GradientType=1 );
}
.cardbox6 {
    background: #116f9a;
    background: -moz-linear-gradient(45deg, #9f43a0 0%, #d789ff 100%);
    background: -webkit-linear-gradient(45deg, #9f43a0 0%,#d789ff 100%);
    background: linear-gradient(45deg, #d789ff 0%,#d789ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f43a0', endColorstr='#d789ff',GradientType=1 );
}
.cardbox7 {
    background: #0093d8;
    background: -moz-linear-gradient(45deg, #ff0000 0%, #ff0000 100%);
    background: -webkit-linear-gradient(45deg, #ff0000 0%,#0093d8 100%);
    background: linear-gradient(-45deg, #40a899, #40a899, #40a899, #40a899);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f43a0', endColorstr='#ff0000',GradientType=1 );
}
.exportbtn{float:left;margin-left:10px;}

.exportbtn a{display: inline-block;
    background: #1cb777;
    color: #fff;
    padding: 11px 24px;
    border-radius: 5px;  font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;}
  .panel-default{       box-shadow: 0px 1px 9px rgba(51, 51, 51, 0.15);
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    border-top: 3px solid #2ba2ae;}
  .panel-heading{    padding:0 10px;
    border-bottom: 1px solid #ececec;}
  .panel-body{padding:20px;}
  .panel-group .panel-default{margin-bottom:20px;}
  .panel-group .panel-default:last-child{margin-bottom:0px;}
  .table td, .table th{padding:7px;vertical-align:middle;}
    .showgraph a{    background: #00bcda;}
.exportbtn i{margin-right:5px;}

.headerbtns{float:right;}

.dashbox {
    padding: 20px;
    border-radius: 5px;
        height: 100%;
}

.main-heading {
    margin: 8px 0;

    font-size: 20px;
}
.section-main-padd{padding:20px;}
.top-menu ul li i {

    margin-right: 5px;
}   
.top-menu ul li:hover a {
    background: #006798;
    color:#fff;
    border-radius:5px;
}
.top-menu ul li:hover a i{
    color:#fff;
}
.logo img {
    height: 40px;
}
#cssmenu > ul > li.has-sub > a {
    padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 44%;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #000;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu > ul > li.has-sub > a:after {
    position: absolute;
    top: 49%;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #000;
    content: '';
}
#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}
.min-height{    min-height: 80vh;}
#cssmenu ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0;
}
#expenseimage img{max-width:100%;height:400px;margin:0 auto;display:block;}
#expenseimage .carousel-control-prev i, #expenseimage .carousel-control-next i{color:#000;font-size:20px;}
.expensimageframe iframe{    width: 100%;
    height: 400px;
    border: none;}
.imagelink a{    display:inline-block;   padding-right: 17px; position: relative;}
.imagelink a span{     
    background: red;
    color: #fff;
    font-weight: bold;
    width: 17px;
    text-align: center;
    border-radius: 50%;
    top: 0;
    font-size: 9px;
    padding: 2px;
    display: inline-block;}
.marbadge .input-box{text-align:center;}
.marbadge .input-box p{font-size:20px;}

.obserlistbox .input-box{font-size:14px;}
.obserlistbox{    background: #f3f3f3;
    margin-bottom: 20px;
    border-top: 2px solid #37a5a2;}
.ovsermainbox .input-box{    background: #ececec;
    padding: 5px 10px;height:100%;
    border-radius: 5px;}
.obserlistbox label{    font-size: 12px;
    font-weight: 500;
    margin: 0 0 5px;
    color: #a0a0a0;
    letter-spacing: 0.3px;}
.obserlistbox  p{font-size:15px;
}
.table-bordered{margin-bottom:0;}
.footer {
    background: #afafaf;
    padding: 13px 0;
    text-align: center;
}
.footer p, .footer a {
    color: #fff;
    font-size: 14px;
}
#cssmenu > ul > li.has-sub:hover > a:before {
    top: 23px;
    height: 0;
}
#cssmenu ul li:nth-child(odd) a i {color:#0093d8;
}
#cssmenu ul li:nth-child(even) a i {color:#1cb777;
}
#cssmenu ul ul {
    position: absolute;
    left: 0;
    z-index: 20;
    width: 200px;
    text-align: left;
    display:none;
    background: #fff;
    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.18);
}
#cssmenu > ul > li > a {
    color: #000000;
    display: block;
    position: relative;
    text-align: center;
    padding: 10px 20px;
    letter-spacing: 0.4px;
}
#cssmenu > ul > li.logo a {
    padding: 8px 30px;
}
#cssmenu > ul > li.logo:hover > a {
    background: none;
}

#cssmenu > ul > li {
position:relative;    display: table-cell;
    
    vertical-align: middle;
}
#cssmenu > ul > li:last-child {border-right: none;}
#cssmenu ul ul li {
position:relative;}
#cssmenu > ul > li:hover > a {
    background: #0093d8;
color:#fff;
}
.customcheckbox {
    padding-left: 30px;
    margin: 0;

    position: relative;
}
.customcheckbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.customcheckbox input:checked ~ .checkmark {
    background: #037cd5;
    border-color: #037cd5;
}

.checkmark {
    display: block;
    position: absolute;
    left: 0;
    width: 19px;
    height: 19px;
    border: 2px solid #eee;
    border-radius: 2px;
    top: 0;
}
.customcheckbox input:checked ~ .checkmark:before {
    display: block;
}

.checkmark:before {
    content: '';
    display: none;
    width: 6px;
    height: 9px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 5px;
}
#cssmenu ul li:hover:nth-child(even) a i, #cssmenu ul li:hover:nth-child(odd) a i {
    color: #fff;
}
#cssmenu > ul > li:hover.has-sub > a:before, #cssmenu > ul > li:hover.has-sub > a:after{background-color:#fff;}
#cssmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: '';
}
#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(150,150,150,0.15);
    padding: 10px 15px;
    font-size: 13px;
    text-decoration: none;
    color: #797979;
    font-weight: 400;
    display: block;
    position: relative;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
    background: #f5f5f5;
    color: #0077b4;
}


.feedbacktable tbody tr:nth-child(even) td{padding:0;}
.feedbacktable tbody tr:nth-child(even) td p{padding:10px;}

body 
{
font-family: 'Roboto', sans-serif;
	    background: #fff;
    color: #000;
    font-size:13px;
}
.blue
{
	color:#006599;
	font-weight:bold;
}

.bottom-border
{
	border-bottom:solid 1px #dadada;
}

.navbar-form 
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #000;
  text-align: center;
  background-color: #e7e7e7;
  border: 1px solid #ccc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.navbar-form 
.input-group-addon a
{
	color:#000;
 
}
ul{margin:0;padding:0;list-style:none;}
p:last-child{margin-bottom:0;}
.navbar-form 
.input-group-addon:hover
{
	color:#000;
	background-color:#f9d100;
	border-color:#f9d100;
	cursor:pointer;	
 
}
#cssmenu > ul > li > a > i {
    margin-bottom: 3px;
    display: block;
    font-size: 15px;

}
#cssmenu li:hover > ul {
    display:block;
}
a:hover{text-decoration:none;}
.top-menu ul li:last-child {
    border-right: none;
}
/*======== header ==============*/

/*=========== footer ===============*/

footer ul
{
	margin:0px;
	padding:0px;
}
footer ul li:after
{
	content: "|";
	margin-left:10px;
}
footer ul li:last-child:after
{
	content: "";	
}
footer ul li a
{
	color:#fff;
	text-decoration:none;
}
footer ul li a:hover
{
	color:#f9d100;
	text-decoration:none;
}
/*====== navbar ========*/
.navbar-default
{
	background-color:#006599;
	border:none;
	border-radius:0px;
	border-top:solid 1px #005081;
	border-bottom:solid 2px #005081;
	box-shadow: 0 0px 15px rgba(0,0,0,0.18);
	-moz-box-shadow: 0 0px 15px rgba(0,0,0,0.18);
	-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.18);	
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  /*transition:background 1s;*/ 
  
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000;
  background-color: #f9d100;
}
.navbar-default .navbar-nav .dropdown-menu
{
	background-color:#006599;	
}
.navbar-default .navbar-nav .dropdown-menu > li > a 
{	
    color: #fff;
}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li > a:focus
{	
	background-color:#f9d100;
    color: #000;
}
.navbar-default .navbar-brand
{
	color:#f9d100;
	font-weight:bold;
}
.navbar-default .navbar-brand:hover
{
	color:#f9d100;
	font-weight:bold;
}
.brd-radius
{
	border-top-left-radius:4px !important;
	border-bottom-left-radius:4px !important;	
}
/*======== FORM CONTROL ==========*/
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
       -o-transition: none;
          transition: none;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #777;
}
.form-control::-webkit-input-placeholder {
  color: #777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

/*=========== btn primary ===========*/
.btn
{
	border-radius:0px;
}


/*=================== catalogue ====================*/
.thumbnail hr
{
	margin:0px 0px 10px 0px;
	padding:0px;
}
.thumbnail:hover
{
	border-color:#f9d100;
}
.thumbnail ul
{
	margin-bottom:5px;
}
.thumbnail .collection-name li
{
	font-size:12pt;
	font-weight:bold;
}
.img-height
{
	min-height:250px !important;

}
.nosize
{
	resize:none;
}

/*==================== side cart =================*/
.side-cart
{
	position:fixed;
	top:20%;
	right:0px;
	background-color:#f9d100;
	/*border:solid 1px #006599;*/
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	padding:10px;
}
.side-cart ul
{
	margin:0px;
	padding:0px;
}
.side-cart ul li
{
	margin:5px;
}
e:14pt;
}

.checkbox2
{
	font-leze:14px;
}
/*============al;
}
/*============= c========= colle
/*============= collection box ===================*/
.collection-box
{
	border:solid 1px #bebebe;
	min-height:150px;
	background: #f9ca52; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9ca52 1%, #fccd4d 50%, #fbdf93 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9ca52), color-stop(50%,#fccd4d), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9ca52 1%,#fccd4d 50%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9ca52 1%,#fccd4d 50%,#fbdf93 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9ca52 1%,#fccd4d 50%,#fbdf93 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9ca52 1%,#fccd4d 50%,#fbdf93 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ca52', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

}
.cart
{
	margin-right:10px !important;
}
.cart li:last-child a
{
	background-color:#d9534f !important;
	color:#fff;
}
.cart li:last-child a:hover
{
	background-color:#d9534f;
	color:#fff;
}

.storeactive li
{
	color:#fff;
	font-size:14pt;
}
.storeactive li i
{
	color:#32CD32;
	margin-right:5px;
}

.storeinactive li
{
	color:#fff;
	font-size:14pt;
}
.storeinactive li i
{
	color:#db2600;
	margin-right:5px;
}




/*============= responsive utilities ==================*/
@media (max-width:767px)
{
	.navbar-fixed-top,.navbar-fixed-bottom
	{
		position:static;
	}
	.nav-mrg
	{
		margin-top:0px;
	}	
	.xs-padding
	{
		padding:10px;
	}
	.btns
	{
		margin:0 auto;
		text-align:center;
	}
	.top-mrg30
	{
		margin:0px;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.navbar-fixed-top,.navbar-fixed-bottom
	{
		position:static;
	}
	.nav-mrg
	{
		margin-top:0px;
	}
	
}
.list-width ul
{
	border-bottom:solid 1px #dadada;
}
.list-width ul li
{
	min-width:200px;
	
}
.p-box
{
	border:solid 1px #dadada;
	padding:10px 20px;
	text-align:center;
		
}
.p-box h3,h5
{
	margin:5px 0px;
	padding:0px;
}

/*============= notification test =====================*/
sup
{
	font-size:16pt;
	margin-top:-10px;	
	
}
.bell
{
	color:#f9d100;
}
.myscheme h4
{
	margin:0px;
	padding:0px;	
}
.myscheme h4 a
{
	color:#f9d100;
}
.myscheme i
{
	margin-right:10px;	
}
.btn-width
{
    min-width:160px !important;
}
.mwidth
{
    min-width:160px !important;
}

.saftylogo
{
    height: 50px;
}
.rigthsidesubmenu{left:auto !important;right:0;}

.multiselect-container {
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
}

.multiselect-container>li>a {
    color: #000;
    font-size: 14px;
    display: block;
}

.multiselect-container>li>a>label {
    padding: 5px 15px;
    display: block;
}

.multiselect-container>li>a>label>input[type=checkbox] {
    margin-right: 5px;
}

span.multiselect-native-select {
    position: static;
}
.btn-group, .btn-group-vertical {
    position: static;

}
.dropdown-menu.show {

    width: 100%;
}

.controlheight
{
    height:250px;
    overflow:auto;
        overflow-x:hidden
    }