:root {
    --primary-color: #333333;
    --secondary-color: orange;
    --background-color: #ffffff;
    --font-size-base: 16px;
    --shadow-bottom: 0 7px 14px 0 rgba(59, 65, 94, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
    --height-navbar-title: 0px;
}
.header_title {
	font-family: Calibri;
	font-size: 21px;
	color: #60c8c8;
	font-weight: bold; 
}
.header_company {
	font-weight: normal;
	color: #60c8c8;
}
h3.header_company{
    font-weight: bold;
    font-size: 25px;
}
.subheader_title {
	font-family: Calibri;
	font-size: 17px;
	color: #c9462d;
	font-weight: bold;
}
h1.subheader_title{
    font-size: 25px;
}
.nm_button {
	background-color: rgb(233, 168, 37);
    color: rgb(245, 241, 240);
    text-shadow: none;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #bbb;
    border: 1px solid #ccc;
    font-family: calibri;
    font-size: 14px;
    font-weight: bold;
    outline: none;
}
.lang_button{
	background-color: rgb(255,255,255);
    color: rgb(245, 149, 35);
    text-shadow: none;
    border-radius: 10px;
    border: 1px solid #f59523;
    box-shadow: 2px 2px 2px #d17c19;
    font-family: calibri;
    font-size: 16px;
    font-weight: bold;
    outline: none;
}
.lang_button:hover{
	background-color: #ffd3a0;
	text-shadow: none;
    color: #ca5400;
}
.white{
    color: white;
}

.t_head{
    background: #3fa674 !important;
    color: #ffffff !important;
    text-shadow: none;
    font-size: 18px;
}
.t_head th{
    padding: 10px 0px !important;
}
.table-bordered  tbody td a {
    color: #030682 !important;
}
.new_table{
	font-family: calibri;
	border: 1px solid #ddd;
    width: 100%;
}
.new_table tr:nth-child(odd) {
  	background: #DDDDDD;
}
.new_table tbody td {
  	height: 42px;
  	vertical-align: middle;
    padding-right: 10px;
    padding-left: 10px;
    color: #030682;
}
.new_table tbody td a{
	color: #030682 !important;
}
.new_table thead th{
	background-color: #3fa674 !important;
	font-size: 17px !important;
	color: #fff;
	text-shadow: none;
	text-align: center !important;
    height: 45px;
}
.export_button{
	background-image: -webkit-linear-gradient(top, #c0ecbd 0%, #16b70c 100%);
    background-image: -ms-linear-gradient(top, #c0ecbd 0%, #16b70c 100%);
	color: #fff;
    border-radius: 10px;
    text-shadow: rgb(21, 20, 20) 1px 1px 1px;
    border: 1px solid #5eca1a;
    box-shadow: 2px 2px 2px #818c80;
    font-weight: bold;
    line-height: 0.59;
    outline: none;
    font-size: 14px;
}
.export_button:hover{
	background-image: -webkit-linear-gradient(bottom, #c0ecbd 0%, #16b70c 100%);
    background-image: -ms-linear-gradient(bottom, #c0ecbd 0%, #16b70c 100%);
}
.button_create{
    background-image: -webkit-linear-gradient(top, #d2d6d2 0%, #4c4b48 100%);
	background-image: -ms-linear-gradient(top, #d2d6d2 0%, #4c4b48 100%);
	color: #fff;
    border-radius: 10px; 
    text-shadow: rgb(21, 20, 20) 2px 2px 1px;
    border: 1px solid #818c80;
    box-shadow: 1px 1px 2px #818c80;
    font-weight: bold;
    line-height: 0.59;
    outline: none;
    font-size: 14px;
}
.button_create:hover{
    background-image: -webkit-linear-gradient(bottom, #d2d6d2 0%, #4c4b48 100%);
	background-image: -ms-linear-gradient(bottom, #d2d6d2 0%, #4c4b48 100%);
}
.button_save{
    background-image: -webkit-linear-gradient(top, #60c8c8 0%, #469292 100%);
    background-image: -ms-linear-gradient(top, #60c8c8 0%, #469292 100%);
	color: #fff;
    border-radius: 10px;
    text-shadow: rgb(21, 20, 20) 1px 1px 1px;
    border: 1px solid #1e279c;
    box-shadow: 2px 2px 2px #818c80;
    font-weight: bold;
    outline: none;
    font-size: 14px;
    padding: 12px;
}
.button_save:hover{
    background-image: -webkit-linear-gradient(top, #469292 0%, #60c8c8 100%);
    background-image: -ms-linear-gradient(top, #469292 0%, #60c8c8 100%);
}
.button_generate{
    background-image: -webkit-linear-gradient(top, #60c8c8 0%, #469292 100%);
    background-image: -ms-linear-gradient(top, #60c8c8 0%, #469292 100%);
	color: #fff;
    border-radius: 10px;
    text-shadow: rgb(21, 20, 20) 1px 1px 1px;
    border: 1px solid #1e5799;
    box-shadow: 2px 2px 2px #818c80;
    font-weight: bold;
    outline: none;
    font-size: 14px;
}
.button_generate:hover{
    background-image: -webkit-linear-gradient(top, #469292 0%, #60c8c8 100%);
    background-image: -ms-linear-gradient(top, #469292 0%, #60c8c8 100%);
}
.button_savecontinue{
    background-image: -webkit-linear-gradient(bottom, #296A4A 0%, #3fa674 100%);
    background-image: -ms-linear-gradient(bottom, #296A4A 0%, #3fa674 100%);
	color: #fff;
    border-radius: 10px;
    text-shadow: rgb(21, 20, 20) 1px 1px 1px;
    border: 1px solid #5eca1a;
    box-shadow: 2px 2px 2px #818c80;
    font-weight: bold;
    outline: none;
    font-size: 14px;
}
.button_savecontinue:hover{
    background-image: -webkit-linear-gradient(top, #296A4A 0%, #3fa674 100%);
    background-image: -ms-linear-gradient(top, #296A4A 0%, #3fa674 100%);
}
.button_savexit{
    background-image: -webkit-linear-gradient(top, #b5b7bb 0%, #696873 100%);
    background-image: -ms-linear-gradient(top, #b5b7bb 0%, #696873 100%);
    color: #fff;
    border-radius: 10px;
    text-shadow: rgb(21, 20, 20) 1px 1px 1px;
    border: 1px solid #3b3e3b;
    box-shadow: 2px 2px 2px #818c80;
    font-weight: bold;
    outline: none;
    font-size: 14px;
}
.button_savexit:hover{
    background-image: -webkit-linear-gradient(bottom, #b5b7bb 0%, #696873 100%);
	background-image: -ms-linear-gradient(bottom, #b5b7bb 0%, #696873 100%);
}
.button_back{
    background-image: -webkit-linear-gradient(top, #fbda9a 0%, #f59523 100%);
	background-image: -ms-linear-gradient(top, #fbda9a 0%, #f59523 100%);
	color: #fff;
    border-radius: 10px;
    text-shadow: rgb(21, 20, 20) 1px 1px 1px;
    border: 1px solid #b56606;
    box-shadow: 2px 2px 2px #818c80;
    font-weight: bold;
    outline: none;
    font-size: 14px;
}
.button_back:hover{
    background-image: -webkit-linear-gradient(bottom, #fbda9a 0%,  #f59523 100%);
	background-image: -ms-linear-gradient(bottom, #fbda9a 0%,  #f59523 100%);
}
.delete_button{
    background-image: -webkit-linear-gradient(top, #fb9a9a 0%, #c9462d 100%);
	background-image: -ms-linear-gradient(top, #fb9a9a 0%, #c9462d 100%);
	color: #fff;
    border-radius: 10px;
    text-shadow: rgb(21, 20, 20) 1px 1px 1px;
    border: 1px solid #980808;
    box-shadow: 2px 2px 2px #818c80;
    font-weight: bold;
    outline: none;
    font-size: 14px;
}
.delete_button:hover{
    background-image: -webkit-linear-gradient(bottom, #fb9a9a 0%,  #c9462d 100%);
	background-image: -ms-linear-gradient(bottom, #fb9a9a 0%,  #c9462d 100%);
}
.restore_button{
    background-image: -webkit-linear-gradient(top, #85b558 0%, #6c9842 100%);
    background-image: -ms-linear-gradient(top, #85b558 0%, #6c9842 100%);
    color: #fff;
    border-radius: 10px;
    text-shadow: rgb(21, 20, 20) 1px 1px 1px;
    border: 1px solid #398439;
    -webkit-box-shadow: 2px 2px 2px #818c80;
    box-shadow: 2px 2px 2px #818c80;
    font-weight: bold;
    outline: none;
    font-size: 14px;
}
.restore_button:hover{
    background-image: -webkit-linear-gradient(bottom, #85b558 0%,  #6c9842 100%);
	background-image: -ms-linear-gradient(bottom, #85b558 0%,  #6c9842 100%);
}
.text_white{
  color: #fff !important;
  font-weight: bold !important;
  padding-top: 17px !important;
}
.mdl-header .close {
  font-size: 32px !important;
  color: #fff !important;
  opacity: 1 !important;
}
.mdl-header{
  padding: 15px !important;
  border-bottom: 1px solid #e5e5e5 !important;
  background-image: -webkit-linear-gradient(top, #aca8e8 0%, #07087d 100%) !important;
  background-image: -ms-linear-gradient(top, #aca8e8 0%, #07087d 100%) !important;
  height: 112px;
}
@media only screen and (max-width: 315px) {
    .mdl-header {
         height: 130px;
    }
}
.cancel_button{
    background-image: -webkit-linear-gradient(top, #dadaec 0%, #65676f 100%);
    background-image: -ms-linear-gradient(top, #dadaec 0%, #65676f 100%);
    color: #0a0a0c;
    border-radius: 10px;
    text-shadow: rgb(175, 172, 172) 1px 1px 1px;
    border: 1px solid #423f3f;
    box-shadow: 2px 2px 2px #818c80;
    font-weight: bold;
    outline: none;
    font-size: 14px;
}
.cancel_button:hover{
    background-image: -webkit-linear-gradient(bottom, #dadaec 0%,  #65676f 100%);
    background-image: -ms-linear-gradient(bottom, #dadaec 0%,  #65676f 100%);
}
.template {
    background-color: #3fa674;
    color: rgb(245, 241, 240);
    text-shadow: none;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #bbb;
    border: 1px solid #ccc;
    font-family: calibri;
    font-size: 14px;
    font-weight: bold;
    outline: none;
}
.template:hover{
    background-color: #3fa674;
}
.nm_bluebtn{
    background-image: -webkit-linear-gradient(bottom, #60c8c8 0%, #469292 100%);
    background-image: -ms-linear-gradient(top, #60c8c8 0%, #469292 100%);
    color: #fff;
    border-radius: 10px;
    text-shadow: none;
    border: 1px solid #03418a;
    box-shadow: 2px 2px 2px #818c80;
    font-weight: bold;
    outline: none;
    font-size: 14px;
}
.nm_bluebtn:hover{
    background-image: -webkit-linear-gradient(top, #60c8c8 0%, #469292 100%);
    background-image: -ms-linear-gradient(bottom, #60c8c8 0%, #469292 100%);
}
.profile-info-name {
    color: #065bbb !important;
    border-top: 1px dotted #cce1e1 !important;
}
.profile-user-info-striped{
    border: 1px solid #60c8c8 !important;
}
.profile-user-info-striped .profile-info-name {
    background-color: #cce1e1 !important;
}
.parralist{
    color:black;
    line-height: 30px;
    font-size: 18px;
}
.margin_t{
    margin-top: 10px;
}
.ng-table .ng-table-header {
    color: orange;
    font-size: 18px !important;
} 
.margin_t20{
    margin-top: 20px;
}
.header_table{
    color: #f59523;
    font-weight: bold;
}
h4 small{
    color: #3fa674 !important;
}
.word_break{
    word-break: break-word;
}
div table.dataTable.no-footer {
    border-bottom: none;
}
div table.dataTable thead th, table.dataTable thead td{
    border-bottom: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border: none !important;
    background: none !important; 
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    margin-left: 0 !important;   
    padding: 0 !important; 
}
.questions-group{
    border: 1px solid #cae6d9;
    border-radius: 5px;
    background-color: #fff8d8;
    padding: 5px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
}
.margin_t6{
    margin-top: 6px;
}
.margin_bott20{
    margin-bottom: 20px !important;
}
.company_name{
    color: #f59523;
    font-weight: bold;
    font-size: 30px;
}
.weight {
    font-weight: bold;
}
.download-btn{
    background-color: rgb(165, 162, 162);
    color: rgb(250, 252, 253);
    text-shadow: none;
    border-radius: 10px;
    border: 1px solid #575857;
    box-shadow: 2px 2px 2px #474e46;
    font-family: calibri;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    padding: 10px;
}
.download-btn:hover {
    background-color: rgb(191, 188, 176);
    color: rgb(250, 252, 253);
    border: 1px solid #949492;
    box-shadow: 2px 2px 2px #2f2f2e;
}
.dtr-details {
    width: 100%;
}
.dtr-title {
    padding-right: 40px;
}
.jquerycssmenu ul li ul li a{
  height: auto !important;
  padding: 5px;
}
table.dataTable thead .sorting {
    background-image: none !important;
}
h1{
    font-family: "calibri" !important;
}
.align-right {
    text-align: right;
}
.margin-left-30 {
    margin-left: 30px;
}
.margin-left-60 {
    margin-left: 60px;
}
.text-decoration {
    text-decoration: underline;
}
.questions-group p {
    font-size: 14px; 
    line-height: 20px;
}
.popover p {
    margin-bottom: 10px;
    line-height: 20px;
    color: black;
    font-size: 14px;
}
.padd_20{
    padding-bottom: 20px;
}
.padd_10{
    padding: 10px;
}

.color-red{
    color: #ff0000;
}
.bottom-bar-fixed{
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 5px 15% 10px;
    background-color: #585c5f;
    background-color: #363839c7;
    box-shadow: 0 5px 10px #c3c3c3;
    z-index: 550;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.action-button-container{
    padding-left: 0 !important;
    text-align: center;
}
.dashboard_text {
  font-size: 18px;
  font-weight: bold;
  font-family: verdana;
  color:#2b2b2b;
}
.dashboard_text:hover {
  text-decoration: none;
  /*color:#f98208;*/
  color:#2b2b2b;
}
.nm_bluebtn{
    background-image: -webkit-linear-gradient(top, #95ccf9 0%, #096ee0 100%);
    background-image: -ms-linear-gradient(top, #95ccf9 0%, #096ee0 100%);
    color: #fff;
    border-radius: 10px;
    text-shadow: rgb(21, 20, 20) 1px 1px 1px;
    border: 1px solid #03418a;
    box-shadow: 2px 2px 2px #818c80;
    font-weight: bold;
    outline: none;
}
.nm_bluebtn:hover{
    background-image: -webkit-linear-gradient(bottom, #95ccf9 0%,  #096ee0 100%);
    background-image: -ms-linear-gradient(bottom, #95ccf9 0%,  #096ee0 100%);
}
@media only screen and (min-width: 1800px) {
    .bottom-bar-fixed{
        padding-right: 20%;
        padding-left: 20%;
    }
}
@media only screen and (max-width: 1600px) {
    .bottom-bar-fixed{
        padding-right: 10%;
        padding-left: 10%;
    }
}
@media only screen and (max-width: 1090px) {
    .bottom-bar-fixed{
        padding-right: 5%;
        padding-left: 5%;
    }
}
@media only screen and (max-width: 575px) {
    .bottom-bar-fixed{
        padding-right: 0;
        padding-left: 0;
    }
}
@media only screen and (max-width: 362px) {
    .action-button-container{
        padding-right: 0 !important;
    }
    .action-button-container button {
        padding: 6px 12px;
    }
}