.company_info {
  min-height: 41px;
  color: white !important;
  text-align: center;
  font-weight: bold;
}

.breadcrumb {
  padding: 0px 5px !important;
}

.btn-primary {
  background-color: #3c8dbc;
}

.form_question {
  font-size: 24px;
  color: #3c8dbc;
  padding-top: 7px;
}

.main-footer {
  padding: 10px !important;
}

.main-footer p {
  padding-top: 10px;
}

/* .left-sdide {
  float: left !important;
} */

.navbar-nav > .user-menu > .dropdown-menu dropdown-menu-right {
  width: 50px;
}

.dropdown-menu {
  border: 1px solid #3c8dbc !important;
}

.loader {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  background: #eef0f3 no-repeat center;
  z-index: 999;
}
.lo_ajax {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 310px;
  box-shadow: 0 0 5px #3c3b3bcc;
  border-radius: 33px;
  position: relative;
  top: 30%;
}

#myModal .modal-title {
  text-align: left;
}

#register_details_body p {
  text-align: left;
  margin: 0px 0px 10px 0px;
}
.base-color {
  color: #416bd8 !important;
}

.sweet-alert .sa-confirm-button-container button {
  background-color: #416bd8 !important;
}

.icon {
  /* width:30px; */
  height: 30px;
  position: relative;
}
.txt {
  background-color: red;
  font-size: xx-small;
  position: absolute;
  padding: 2px;
  top: 5px;
  left: 5px;
  border-radius: 25px;
}

.btn-glyphicon {
  padding: 8px;
  background: #ffffff;
  margin-right: 4px;
}
.icon-btn {
  padding: 1px 15px 3px 2px;
  border-radius: 50px;
  transition: opacity 0.4s;
}
.icon-btn:hover {
  opacity: 0.9;
}
.text-info {
  color: white;
  padding: 10px;
}
#operation_comparision_range_fields {
  width: 300px;
  height: 100px;
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #d8dce0;
  top: 0;
  right: 0;
  box-shadow: 0px 0px 12px #8e8e8e;
  border-radius: 5px;
  display: none;
  z-index: 1;
}
#operation_comparision_input {
  border: 1px solid #cfcfcf;
  height: 30px;
  width: 90%;
  padding: 0px 0px 0px 5px;
  margin: 5%;
}

.btn-info {
  margin-bottom: 15px;
  margin-right: 30px;
}

.bar-graph,
.pie-chart {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #e2e2e2;
  text-align: center;
}
.bar-graph h3,
.pie-chart h3 {
  margin: 5px;
  font-size: 18px;
}
.login-header {
  -webkit-border-radius: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  -ms-border-radius: 4px 4px 0px 0px;
  -o-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
}
.totalunderline {
  color: #0c5889;
  text-align: center;
  border-bottom: 2px solid #0c5889;
  padding-bottom: 8px;
}
.pie-chart .totalunderline {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  margin: 5px 0px;
}

.percentangeText {
  color: #0c5889;
  text-align: center;
  padding-bottom: 8px;
}
.pie-chart .percentangeText {
  font-size: 24px;
  font-weight: bold;
  margin: 28px 0;
}
.top-left-header {
  margin-top: 0px !important;
}
.c-btn {
  position: relative;
  background-color: #416bd8;
  color: #fff;
  box-shadow: 0 16px 26px -10px rgba(63, 106, 216, 0.56),
    0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(63, 106, 216, 0.2);
  margin-bottom: 0;
}
.c-btn:hover {
  color: #fff;
}
.required_star {
  color: #dd4b39;
}

.radio_button_problem {
  margin-bottom: 19px;
}
.user_detail_container {
  background-color: #fff;
  border-radius: 5px;
  color: #3f6ad8;
  padding: 5px 5px 5px 15px;
  min-height: 362px;
}

.user_info_header {
  background-color: #3f6ad8;
  border-radius: 5px;
  color: white;
  padding: 5px 5px 5px 15px;
  margin-top: 0px;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  border: 1px solid #d2d6de;
  border-radius: 5px !important;
  padding: 6px 12px;
  height: 34px;
}

.cs {
  border-radius: 5px;
}

.width_1_p {
  width: 1% !important;
}
.width_2_p {
  width: 2% !important;
}
.width_3_p {
  width: 3% !important;
}
.width_4_p {
  width: 4% !important;
}
.width_5_p {
  width: 5% !important;
}
.width_6_p {
  width: 6% !important;
}
.width_7_p {
  width: 7% !important;
}
.width_8_p {
  width: 8% !important;
}
.width_9_p {
  width: 9% !important;
}
.width_10_p {
  width: 10% !important;
}
.width_11_p {
  width: 11% !important;
}
.width_12_p {
  width: 12% !important;
}
.width_13_p {
  width: 13% !important;
}
.width_14_p {
  width: 14% !important;
}
.width_15_p {
  width: 15% !important;
}
.width_16_p {
  width: 16% !important;
}
.width_17_p {
  width: 17% !important;
}
.width_18_p {
  width: 18% !important;
}
.width_19_p {
  width: 19% !important;
}
.width_20_p {
  width: 20% !important;
}
.width_21_p {
  width: 21% !important;
}
.width_22_p {
  width: 22% !important;
}
.width_23_p {
  width: 23% !important;
}
.width_24_p {
  width: 24% !important;
}
.width_25_p {
  width: 25% !important;
}
.width_26_p {
  width: 26% !important;
}
.width_27_p {
  width: 27% !important;
}
.width_28_p {
  width: 28% !important;
}
.width_29_p {
  width: 29% !important;
}
.width_30_p {
  width: 30% !important;
}
.width_32_p {
  width: 32% !important;
}
.width_34_p {
  width: 34% !important;
}
.width_45_p {
  width: 45% !important;
}
.width_100_p {
  width: 100% !important;
}
.width_37_p {
  width: 37% !important;
}
.width_89_p {
  width: 89% !important;
}
.width_83_p {
  width: 83% !important;
}

.text_center {
  text-align: center !important;
}

.text_f_1 {
  padding: 5px !important;
}
.text_f_2 {
  color: #3c8dbc !important;
}
.noti_align {
  display: flex;
  justify-content: space-between;
}
.display_none_custom {
  display: none;
}

.treeview-menu > li {
  margin: 0;
  border-top: 1px dotted #aeaeae !important;
}
.main-footer a{
  color: #79a7da;
}
.main-footer a:hover{
  color: #19395e;
}
