/*
 Theme Name:     Divi Child Theme
 Description:    Divi Child Theme
 Author:         ADA Tech Team
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
/*The Font below has been installed using a webfont generator. Resides in the fonts folder under styles*/

    .table {
        border: 1px solid #ccc;
        border-collapse: collapse;
    }

h4{
	padding-top: 5px;
	padding-bottom: 5px;
}

@font-face {
	font-family: "Merriweather";
	/* src: url("/../code/fonts/merriweather-regular-webfont.woff");
	src: url("/../code/fonts/merriweather-regular-webfont.woff2"); */
	src: url("/../code/fonts/Merriweather-Regular.ttf");
	}

*{font-family:"Merriweather" !important}

sub-menu li:hover{
    display: none;
    margin: 0;
}

.hide_this{
	display: none;
}


.sortable-drag { background-color: rgb(176, 226, 255) !important; }
/* .sortable-ghost { background-color: beige !important;} */

.link{
	color: blue !important;
	text-decoration: underline !important;
}

.lightpick{
	z-index: 300000 !important;
}

.link:hover{
	cursor: pointer;
}

/*Hide footer*/
.site-info { display: none; }

.btn{
}

.main-navigation ul li{
	width: 100px;
}
#et-secondary-menu>ul>li a{
	float: right;
}

#et-top-navigation{
	padding-left: 0px !important;
}

.fa::before {
	float: left;
}

.tab-container{
	width: 100% !important;
}

:root{
	--dashboard-tabs-color: #3960d4;
}

.guidance_message{
	background-color: #fff7ed;
    border: brown;
    border-style: solid;
    border-width: thin;
	border-radius: 5px;
	padding-bottom: 1em;
	padding-top: 1em;
	font-weight: bold;
	/* font-weight: bold; */
}

.ncf-container{
	width: 60%;
}
.ncf-container .ncf{
	width: auto !important;
}

.ncf-container.nfc-top-right{
	top: 90px !important;
}

.bigger_tab{
	font-size: medium;
}

.ui-tabs-anchor{
	margin-right: 0px !important;
}
	.top-tabs li,
	/* .top-tabs .ui-tabs, */
	.top-tabs li.ui-tabs-tab,
	.top-tabs .ui-tabs-nav li,
	.top-tabs li.ui-state,
	.top-tabs li.ui-button,
	/* .top-tabs li.ui-widget, */
	.top-tabs .ui-state-default,
	.top-tabs .ui-state-default a,
	.top-tabs .ui-state-default a:link,
	.top-tabs .ui-state-default a:visited,
	/* .top-tabs .ui-widget-content, */
	.top-tabs-tab,
	.top-tabs .ui-corner-top,

	.top-tabs .ui-state-focus a,
	.top-tabs .ui-state-focus a:visited,
	.top-tabs .ui-state-focus a:link,
	.top-tabs .ui-state-focus,
	.top-tabs li.ui-state-focus
	{
		background-color: var(--dashboard-tabs-color)  !important;
		background: var(--dashboard-tabs-color) !important;
		border-color: var(--dashboard-tabs-color) !important;
		border-top-left-radius: 20px 20px !important;
		outline: none !important;
		color: white !important;
		/* margin-right: 10px !important; */
		border-radius: 20px 20px 0 0;
	}

	.top-tabs li:after, .top-tabs li:before
	{
		display: block;
		content: " ";
		position: absolute;
		top: -1px;
		height: 103%;
		width: 18px;
		background-color: var(--dashboard-tabs-color);
		background: var(--dashboard-tabs-color);
		border-color: var(--dashboard-tabs-color);
	}

	.top-tabs li:before{
		left: -10px;
		transform: skew(-20deg, 0deg);
		border-top-left-radius: 20px 20px;
	}

	.top-tabs li:after{
		right: -10px;
		transform: skew(20deg, 0deg);
		border-top-right-radius: 20px 20px;
	}

	.top-tabs li.ui-tabs-active:before,
	.top-tabs li.ui-tabs-active:after
	{
		background-color: white !important;
		background: white !important;
		border-color: white !important;
		z-index: 10;
	}

	.top-tabs li.ui-tabs-active,
	.top-tabs li.ui-state-active
	.top-tabs li.ui-tabs-selected,
	.top-tabs .ui-state-active,
	.top-tabs .ui-state-active a,
	.top-tabs .ui-state-active a:link,

	.top-tabs .ui-widget-content .ui-state-active,
	.top-tabs .ui-widget-header .ui-state-active,
	.top-tabs a.ui-button:active,
	.top-tabs .ui-button:active,
	.top-tabs .ui-state-active a:visited

	{
		background-color: white !important;
		background: white !important;
		border-color: white !important;
		color:  var(--dashboard-tabs-color) !important;
		outline: none !important;
		border-top-right-radius: 20px 20px !important;
		z-index: 10;
	}

	/*BOOK TAB*/

	.book-deets{
	display: none;
	background-color: lightgrey;

	
}

.book-deets, .-deets{
	margin-bottom: 20px;
}

.book-select{
	border-color: #daa520;
    border-radius: 5px;
    background-color: #e8cf7b;
}

.accordion-heading.closed::after {
	font-family: 'Glyphicons Halflings';
	content: "\e080";
 }

.accordion-heading.open::after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
 }

#total_book_price{
	/* position: -webkit-sticky;
	position: sticky; */
	top: 0;
	right: 3%;
	float: right;
    width: 13%;
    border-color: green;
    border-radius: 5px;
    background-color: #cdffc2;
    border-style: solid;
	border-width: 3px;
	box-shadow: 5px 5px #888888;
	margin-right: 15px;
	z-index: 2;
	display: none;
}

/*CART STYLING*/

.cart_product_categories{
	font-size: 8pt;
	margin: 0;
	padding: 0;
}

/*************************************************************
  FOR THE INTERNATIONAL TELEPHONE INPUT library
         http://intl-tel-input.com
**************************************************************/
.iti__flag {background-image: url("/images/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {background-image: url("/images/flags@2x.png");}
}



  /*************************************************
	 THE FOLLOWING CAME FROM MICHAEL's ACCOUNT CREATION PAGE
  ************************************************/

	.big {
		height: 46px !important;
		font-size: 15px !important;
	}

	label {
		/* margin-left: 30px; */
		display: block;
	}

	.bold{
		font-weight: bolder;
	}

	.prevent-word-overflow {
		word-wrap: break-word;
	}

	.text-glyph {
		font-size: 15;
		text-shadow: 2px 2px 4px #000000;
	}

	.yellow-text-glyph {
		font-size: 15;
		text-shadow: 2px 2px 4px #000000;
		background-color: transparent;
		color: yellow;
	}

	.conditional_form_part {
		display: none;
		/* margin-left: 2%; */
	}


	.verticalalign {
		display: table-cell;
	}

	.half-left {
		width: 50%;
		float: left;
	}

	.half-right {
		width: 50%;
		float: right;
	}

	.green_hover:hover{
		color: #1ed81e;
	}

	.red_hover:hover{
		color: red;

	}

	hr {
		clear: both;
	}

	.added_styling {
		/* border-top-right-radius: 10px !important; */
		border-top: transparent !important;
		border-top-right-radius: 0px !important
	}

	.special-prepend-css {
		border-top: transparent !important;
		border-top-left-radius: 0px !important;
		border-bottom-left-radius: 3px !important;
	}

	.input-group-addon {
		/* ############################### */
		/* background: transparent !important; */
	}

	.custom-css-styling {
		text-align: left !important;
		border-right: 1px solid #cccccc !important;
		border-bottom: transparent !important;
		border-top-right-radius: 3px !important;
		border-bottom-left-radius: 0px !important;

		/* ############################### */
		/* background: transparent !important; */
	}

	.input-group input, select {
		border-top-left-radius: 0px !important;

		/* ############################### */
		/* border-top: none;
		border-right: none; */
	}

	/*Colors for discipline credits on enrollment page*/
	.red{
		color: red;
	}

	.green{
		color: green;
	}

	.blue {
		color: #07009a;
		padding-left: 121px;
	}


	/* for the error message */
	.error_feedback_label {
		display: none;
		/* background-color: red; */
		font-size: 30px;
		color: red;
		font-size: 11px;
	}

	/* for the 'X' glyphicon */
	.error_glyphicon, .fa-times{
		display: none;
		font-size: 20px;
		color: red;
		/* background-color: yellow; */
		text-shadow: 2px 2px 4px #000000;
	}

	/* for the checkmark glyphicon */
	.checkmark_glyphicon, .fa-check-square {
		display: none;
		font-size: 20px;
		color: #007100;
		/* background-color: #bdd4ff; */
		text-shadow: 2px 2px 4px #07009a;
	}

	/* for the positive message */
	.positive_feedback_label {
		display: none;
		/* background-color: green; */
		color: green;
		font-size: 11px;
	}

	/* for the scam robot thing */
	#email_input2 {
		display: none;
	}


	.button-not-clicking {
		position: relative;
		z-index: 1;
	}

	.all-borders-padding {
		padding-left: 12px;
		padding-right:  12px;
		padding-top:  12px;
		padding-bottom:  11px;
	}

	.bordered-gray {
		border-right: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		border-bottom-left-radius:  3px;
		border-bottom-right-radius:  3px;
	}



    .highlight{
		background-image: linear-gradient(-5deg, rgba(255, 255, 255, 0), yellow 85%, rgba(255, 255, 255, 0));
	}


	/* .form-control {
		border-color: #000;
		border-radius: 0;
		box-shadow: none;
	}

	.form-control:focus {
		border-color: #009966;
	}

	.input-group-addon {
		background: #fff;
		border-color: #000;
	} */
	/* input {
		border: none;
		border-color: transparent;
	} */

	.extra-left-padding {
		padding-left: 30px;
	}

	.padding-top {
		padding-top: 20px;
	}

	.wird{
		padding-right: 15px;
		padding-left: 15px;
	}
	.special-non-padding {
		padding-top: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.red-validation-error {
		color: red;
		display: none;
	}

	.green-validation-success {
		color: green;
		display: none;
	}

	.gray-background{
		background-color: lightgray;
	}

	/* .yellow-validation-warning {
		color: orange;
		display: none;
	} */

	.custom_checkbox{
		width: 16px;
		height: 16px;
	}





	.accordion {
		border-bottom: 1px solid #dbdbdb;
		margin-bottom: 20px;
	}
	.accordion-title {
		border-top: 1px solid #dbdbdb;
		margin: 0;
		padding: 20px 0;
		cursor: pointer;
	}
	.accordion-title:first-child {border: none;}
	.accordion-title.open {cursor: default;}
	.accordion-content {padding-bottom: 20px;}


	.padding-bottom {
		padding-bottom: 20px;
	}

	.left_vertical_line{
		border-left: thick solid;
		border-left-color: green;
	}

	.top_line{
		border-top: thick solid;
		border-top-color: green;
	}

	.see_more {
		cursor: pointer;
	}

	tr.line_between {
		/* padding: 10px 0; /* 10px top & bottom padding, 0px left & right */
		/* border: solid #000; */
		/* border-width: 0 1px; */
		/* border-bottom: 1px solid #000 important; */
		border-bottom:1px solid green;/* border:1px solid #000; */
		/* border-bottom-width:thin; */
		/* border-width: 1px 0; /* 1px top & bottom border, 0px left & right */
		/* border-color: #000; */
		/* border-style: solid; */
	}

	/*For the see-password button*/
	.button-to-right{
		position:absolute;
		left:125%;
		width: 100px;
	  }


	/* for the scam robot thing */
	#email_input2 {
		display: none;
	}

	.more-padding-bottom {
		padding-bottom: 20px;
	}

	.button-centered {
		margin: 0 auto;
		display: block;
	}

	.more-padding {
		padding-top: 20px;
	}

	.outline-grey{
		border: 2px solid grey !important;
	}

	button.close_tab {
		background-color: #afafaf;
		/* max-width: 50px; */
		/* max-height: 30px; */
		font-size: small;
		font-weight: bold;
	}
	button.close_tab:hover {
		background-color: #ff0000;
	}

	button.zocial {
		background-color: #ffd1d4;
		background-image: url('/img/highly-recommended_banner.png');
		background-size: contain;
    	background-repeat: no-repeat;
		/* width: 40vw; */

	}
	button.zocial:hover {
		background-color: #e6c5c7;
	}


	span.ui-icon-close:hover {
		background-color: #BEBEBE;
		cursor:pointer;
	}

	.nicegreen{
		color: darkgreen;
		background-color: lightgray;
		font-family: "Times New Roman", Times, serif;	text-align: center;
	}

	.double_semester{
		color: green;
		background-color: orange;
	}

	.diploma_chart{
		display:none;
		position:relative;
		height:50vh;
		width:auto;
		z-index: 0;
	}
	.custom-pop-up{
		position: fixed;
		top: 25%;
		bottom: 25%;
		left: 25%;
		right: 25%;
		height: 50%;
		overflow-y: auto;
		overflow-x: auto;
		z-index: 300;
		border-color: grey;
		border-radius: 5px;
		border-style: solid;
		background-color: white;
		border-width: 3px;
		box-shadow: 5px 5px #cacaca;
		padding: 10px 10px;
		margin:0 auto;
		display: none;
	}

	.pop-up-background{
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		overflow: hidden;
		background: rgba(0,0,0,0.5);
		display: none;
	}

	/*Lesson Summary Links*/

	.lesson_summary_link{
		color: #0099CC;

		/* Remove background color */

		background: transparent;

		/* Border thickness, line style, and color */

		border: 2px solid #0099CC;

		/* Adds curve to border corners */

		border-radius: 6px;

	}

	.lesson_summary_link:hover {      background-color: #008CBA;      color: white; }


	/*Grading Page Styling*/
	.grading_info_label{
		font-size: small;
		font-weight: bold;
		color: blue;
		display: inline-block;
		margin: 0 !important;
	}
	.grading_info_value{
		font-size: small;
		color: darkslategray;
	}

	.student_info_grading_row{
		background: burlywood;
		border-style: double;
		border-color: rgb(170, 132, 81);
		border-width: medium;
		border-radius: 10px;
	}

	.correct_answer_grading_row{
		background: rgb(211, 202, 191);
		border-style: solid;
		border-color: rgb(168, 149, 125);
		border-width: medium;
		border-radius: 10px;
	}

	/* .table_with_diplomatypes_and_disciplines_and_courses_for_grade tr, .table_with_diplomatypes_and_disciplines_and_courses_for_grade td {  */
        /* border-top: 1px solid; */
        /* border-bottom: 1px solid; */
        /* border-left: 1px solid; */
        /* border-right: 1px solid; */
    /* }  th, td*/
	.noborder, .noborder tr, .noborder th, .noborder td { border: none; }

	.all_registration_borders tr {
		border: 1px solid black;
	}

	.margin_bottom{
		margin-bottom: 15px !important;
	}

/**************************************************************************
   BEGINNING HERE WAS THE OLD APP.CSS  STUFF
**************************************************************************/

/* html,
body {
  min-height: 100%;
  background-color: #fff;
  font-weight: 400; } */

a {
	text-decoration: none !important;
}

  section#index {
	width: 100%;
	height: 100vh;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
		justify-content: center;
	-ms-flex-align: center;
		align-items: center;
	text-align: center; }
	section#index .container {
	  margin-top: -100px; }
	  section#index .container h3 {
		padding: 16px 0;
		font-weight: bold;
		line-height: 1.3; }
	  section#index .container button {
		width: 120px;
		margin: 16px;
		font-size: 16px; }

  #login_form button {
	font-size: 16px; }

  #login_form .controll-bar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
		justify-content: space-between;
	margin-top: 40px; }


	.book-page-alert{
		display: inline-block !important;
	}

  #signup_form label {
	margin-top: 15px; }

  #signup_form button {
	font-size: 16px; }

  #signup_form .controll-bar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
		justify-content: space-between;
	margin-top: 40px; }

  .bhoechie-tab-menu .list-group .list-group-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
		align-items: center; }
	.bhoechie-tab-menu .list-group .list-group-item span {
	  margin-left: 15px;
	  font-size: 15px; }

  .bhoechie-tab-menu .list-group .list-group-item:hover span,
  .bhoechie-tab-menu .list-group .list-group-item.active span {
	font-weight: bold; }

  .bhoechie-tab-content {
	display: none;
	padding-bottom: 20px; }
	.bhoechie-tab-content.active {
	  display: block; }

  #household_page > h3 {
	margin-top: 0;
	color: #55518a; }

  #household_page .alert {
	display: none; }

  #household_page .titlelabel {
	margin-top: 0;
	color: #55518a;
	border-bottom: 1px solid #ddd; }

  #household_page label {
	color: #444; }

  #household_page .homeaddress {
	padding-top: 0px; }
	#household_page .homeaddress > div:nth-of-type(3) > div {
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-pack: justify;
		  justify-content: space-between; }

  #household_page .homeaddress-city,
  #household_page .shippingaddress-city {
	width: 35%;
	display: inline-block; }

  #household_page .homeaddress-state,
  #household_page .shippingaddress-state {
	width: 18%;
	display: inline-block; }

  #household_page .homeaddress-zipcode,
  #household_page .shippingaddress-zipcode {
	width: 14%;
	display: inline-block; }

  #household_page .homeaddress-country,
  #household_page .shippingaddress-country {
	width: 30%;
	display: inline-block; }

  #household_page input::-webkit-input-placeholder {
	font-style: italic; }

  #household_page input::-moz-placeholder {
	font-style: italic; }

  #household_page input:-ms-input-placeholder {
	font-style: italic; }

  #household_page input:-moz-placeholder {
	font-style: italic; }

  #household_page input[type=submit] {
	margin-top: 20px;
	float: right; }

  .student_page .alert {
	display: none; }

  .student_page label {
	color: #555; }

  .student-name-bar {
	height: 40px;
	margin: 0 0 10px 15px;
	border-bottom: 1px solid #bbb; }

  .student-name-bar label {
	font-size: 22px;
	font-weight: normal; }

  .student-name-bar button {
	float: right;
	margin-left: 15px; }

  .student-birth-grade {
	margin: 0 0 30px 15px;
	font-size: 15px;
	font-weight: normal;
	color: #555; }

  .student-birth-grade :nth-child(3) {
	margin-left: 35px; }

  .student-enrollmentoptions {
	width: 50%;
	margin: 0 0 10px 15px;
	border-bottom: 1px solid #bbb;
	font-size: 18px; }

  .student-enrollmenttype label {
	margin: 0 0 10px 15px;
	font-size: 15px;
	font-weight: 600;
	color: #555; }

  .students-not-enrolled {
	margin: 10px;
	background-color: #ffffe0;
	border-radius: 3px;
	padding: 5px; }

  .students-not-enrolled table,
  .students-not-enrolled table th {
	text-align: center;
	padding: 6px; }

  .students-not-enrolled table td {
	padding: 0 6px 9px 6px; }

  .students-not-enrolled table tbody tr td button#btnDispalyDeleteStudentModal {
	display: none; }

  .students-not-enrolled table tbody tr:hover td button#btnDispalyDeleteStudentModal {
	display: block; }

  #btnAddSelectedStudents {
	margin: 0 12px 0 12px; }


.comment-feedback{
		border: 1px solid black;
		background-color: lightblue;
		border-radius: 40px;
		padding: 10px;
}

  /**************************************************************************
  END OF OLD APP>CSS STUFFERS
  ******************************************************************************/