/*================================================================================
	Item Name: Robust - Responsive Admin Theme
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

*{
  /* font-family: "Montserrat", sans-serif; */
}

.must{
	color: red;
	font-size: 20px;
	font-weight: bold;
}
.tag-help{
	background-color: #cccccc;
}
form .form-group {
    margin-bottom: 0.2rem !important;
}
.table th, .table td {
    padding: 0.25rem 0.5rem !important;
}
.divider{
	 margin-top:5px;
	 margin-bottom:5px;
	 height:1px;
	 width:100%;
	 border-top:1px solid #C5C5C5;
}
.btn-row{
	height: 20px;
	width: 20px;
	border-radius: 50px;
	padding-top: 2px;
	padding-left:7px;
}
.listtable{
	cursor: pointer;
}
.listtable tr:hover{
	background-color: #D3D3D3;
}
dl {
  width: 100%;
  overflow: hidden;
  /*background: #ff0;*/
  padding: 0;
  margin: 0
}
dt {
  float: left;
  width: 30%;
  /* adjust the width; make sure the total of both is 100% */
  /*background: #cc0;*/
  padding: 2px 0;
  margin: 0
}
dd {
  float: left;
  width: 70%;
  /* adjust the width; make sure the total of both is 100% */
  /*background: #dd0;*/
  padding: 2px 0;
  margin: 0
}
dl dt { 
  clear:both; 
}
.list-group-item {
  padding: 0.25rem 1.25rem !important;	
}
.card-header {
  padding: 0.75rem 1.5rem !important;
}
.card{
	margin-bottom: 1.5rem !important;
}
.mb-1 {
    margin-bottom: 0rem !important;
}
#formid{
  color:white;
  border:white;
}
.termsx {

  overflow-y: scroll;

  height: 100px;

  width: 100%;

  border: 1px solid #DDD;

  padding: 10px;

}
.xcable{
  color:red;
}
.scrolltable {

  overflow-y: scroll;

  height: 400px;

  width: 100%;

  border: 1px solid #DDD;

  padding: 10px;

}

#mdl-hdr {
/*  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;*/
  background: #FFF;
  /*border: 10px solid #333;  browsers that don't support rgba */
  /*border: 1px solid rgba(220,220,220,.7);*/
  border-radius: 8px;
  /*box-shadow: 0 3px 3px rgba(0,0,0,.3);*/
  -webkit-box-shadow: 0px 0px 20px 3px rgba(66,65,66,1);
-moz-box-shadow: 0px 0px 20px 3px rgba(66,65,66,1);
box-shadow: 0px 0px 20px 3px rgba(66,65,66,1);
  -webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
     -moz-background-clip: padding;     /* Firefox 3.6 */
          background-clip: padding-box;
}

.page-link{
  cursor: pointer;
}

#pagechange{
  margin-left: 30vw !important;
}
.dataTables_wrapper{
    padding:10px !important;
}

.menu-content li{
  font-size: 13px !important;
}

.checkcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #DCDCDC;
}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}