@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap");



body {
  background: #050505;
}

.back2{
    background-image: url(images/shoulder.png);
}

.option_item {
  display: block;
  position: relative;
  width: 144px;
  height: 144px;
  margin: 5px;
}

.option_item .checkbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}

.option_item .option_inner {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  padding: 58px 40px;
  padding-top: 30px;
  cursor: pointer;
  color: #585c68;
  display: block;
  border: 5px solid transparent;
  position: relative;
}

.option_item .option_inner .icon {
  margin-bottom: 2px;
}

.option_item .option_inner .icon .fab {
  font-size: 32px;
}

.option_item .option_inner .name {
  user-select: none;
  font-size: 13px;
}

.option_item .checkbox:checked ~ .option_inner.facebook {
  border-color: #3b5999;
  color: #3b5999;
}

.option_item .checkbox:checked ~ .option_inner.twitter {
  border-color: #55acee;
  color: #55acee;
}

.option_item .checkbox:checked ~ .option_inner.instagram {
  border-color: #e4405f;
  color: #e4405f;
}

.option_item .checkbox:checked ~ .option_inner.linkedin {
  border-color: #0077b5;
  color: #0077b5;
}

.option_item .checkbox:checked ~ .option_inner.whatsapp {
  border-color: #25d366;
  color: #25d366;
}

.option_item .checkbox:checked ~ .option_inner.google {
  border-color: #dd4b39;
  color: #dd4b39;
}

.option_item .checkbox:checked ~ .option_inner.reddit {
  border-color: #ff5700;
  color: #ff5700;
}

.option_item .checkbox:checked ~ .option_inner.quora {
  border-color: #b92b27;
  color: #b92b27;
}

.option_item .option_inner .tickmark {
  position: absolute;
  top: 0;
  left: 0;
  border: 20px solid;
  border-color: #000 transparent transparent #000;
  display: none;
}

.option_item .option_inner .tickmark:before {
  content: "";
  position: absolute;
  top: -18px;
  left: -18px;
  width: 15px;
  height: 5px;
  border: 3px solid;
  border-color: transparent transparent #fff #fff;
  transform: rotate(-45deg);
}

.option_item .checkbox:checked ~ .option_inner .tickmark {
  display: block;
}

.option_item .option_inner.facebook .tickmark {
  border-color: #3b5999 transparent transparent #3b5999;
}

.option_item .option_inner.twitter .tickmark {
  border-color: #55acee transparent transparent #55acee;
}

.option_item .option_inner.instagram .tickmark {
  border-color: #e4405f transparent transparent #e4405f;
}

.option_item .option_inner.linkedin .tickmark {
  border-color: #0077b5 transparent transparent #0077b5;
}

.option_item .option_inner.whatsapp .tickmark {
  border-color: #25d366 transparent transparent #25d366;
}

.option_item .option_inner.google .tickmark {
  border-color: #dd4b39 transparent transparent #dd4b39;
}

.option_item .option_inner.reddit .tickmark {
  border-color: #ff5700 transparent transparent #ff5700;
}

.option_item .option_inner.quora .tickmark {
  border-color: #b92b27 transparent transparent #b92b27;
}


.pic {
  display: block;
  height: 350px;
  width: 400px;
  background: url('/images/fullbody1.png') no-repeat;
  position: relative;
  float: inherit;
}

.chbox1, .chbox2, .chbox3, .chbox4, .chbox5, .chbox6, 
.chbox7, .chbox8, .chbox9, .chbox10, .chbox11, .chbox12, 
.chbox13, .chbox14, .chbox15, .chbox16, .chbox17, .chbox18 {
  position: absolute;
  transform:scale(1.2, 1.2);
}

.chbox1 {
  top: 59px;
  left: 91px;
}

.chbox2 {
  top: 59px;
  left: 174px;
}

.chbox3 {
  top: 56px;
  left: 122px;
}

.chbox4 {
  top: 56px;
  left: 144px;
}

.chbox5 {
  top: 110px;
  left: 90px;
}

.chbox6 {
  top: 110px;
  left: 176px;
}

.chbox7 {
  top: 145px;
  left: 82px;
}

.chbox8 {
  top: 145px;
  left: 184px;
}

.chbox9 {
  top: 150px;
  left: 109px;
}

.chbox10 {
  top: 150px;
  left: 157px;
}

.chbox11 {
  top: 179px;
  left: 62px;
}

.chbox12 {
  top: 179px;
  left: 204px;
}

.chbox13 {
  top: 209px;
  left: 116px;
}

.chbox14 {
  top: 209px;
  left: 150px;
}

.chbox15 {
  top: 273px;
  left: 119px;
}

.chbox16 {
  top: 273px;
  left: 147px;
}

.chbox17 {
  top: 316px;
  left: 112px;
}

.chbox18 {
  top: 316px;
  left: 153px;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table td span,
.bootstrap-datetimepicker-widget table td a span
{height: 30px; line-height: 30px; width: 30px; padding:0px;}

.bootstrap-datetimepicker-widget.dropdown-menu {width: auto;}

.bootstrap-datetimepicker-widget .datepicker table {width: 19em;}

canvas {
  cursor: pointer;
}

.canvasclass{
  width:480;
  height:700;
}

.yesnobtn {
  min-width: 150px;
}

	table.tableizer-table {
		font-size: 12px;
		border: 1px solid #CCC; 
		font-family: Arial, Helvetica, sans-serif;
	} 
	.tableizer-table td {
		padding: 4px;
		margin: 3px;
		border: 1px solid #CCC;
	}
	.tableizer-table th {
		background-color: #104E8B; 
		color: #FFF;
		font-weight: bold;
  }
  
  .dashtitle{
    font-size: 150%;
    text-align: center;
  }

  .dashtablecard{
    text-align: center;
  }

  .indashtablecard{
    display: inline-block;
  }

  .hidden{
    width:0; overflow:hidden;
  }

  .my-small-btn {
    padding:6px;
}

.my-sm-btn{
  padding:2px;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: #ffffff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active .paginate_button{
  color: rgb(255, 255, 255) !important;
}

.tab-content{
  padding-left: 1px;
  padding-right: 1px;
}

@media screen and (min-width: 400px) {
  .actions{
    display: flex;
  }
}

/* .spinner-border {
  width: 15rem; 
  height: 15rem;
  position: fixed;
  z-index: 999;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
} */

.disable-div {
  pointer-events: none;
}