/*!
 *  CUSTOM STYLES
 */



/* */

 td{
  padding: 10px;
  vertical-align: top;
  border-bottom: 1px solid #cdcdcd;
 }


 .modal.fade {
    top: 0 !important;
}

.modal-dialog
{
	max-width: 740px !important;
}

.modal-content
{
	padding: 20px;
}

button,a
{
	cursor: pointer;
}

.btn-primary
{
    border: 1px solid #0275d8;
    color: #000000;
    background-color: transparent;
    border-radius: 0;
    text-transform: uppercase;
}


th
{
	padding: 10px;
	cursor: pointer;
}

.pulldown
{
	background-color: cornsilk;
}

.inventoryrow.selected
{
	background-color: #efefef !important;
}


.inventoryrow.pausedRun
{
	background-color: #ffeece !important;
}

.inventoryrow.endRun
{
	background-color: #ffd9d9 !important;
}

.runrow.ended
{
	background-color: #ffd9d9 !important;
}

.alert .days
{
	font-weight: bold !important;
	color: red !important;
}


.ui-datepicker
{
	background-color: white;
}

tr.active_0,tr.active_false{
	background-color: #efefef;

}

tr.active_0 td,tr.active_false td
{
	color: #777777;
}


#navbarSupportedContent
{
	height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(255,255,255);
}

#navbarSupportedContent.show
{
	display: block;
}

#navbarSupportedContent .overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

#navbarSupportedContent .nav-item a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #3f3f3f;
    display: block;
    transition: 0;
}

#navbarSupportedContent .nav-item a:hover, #navbarSupportedContent .nav-item a:focus,#navbarSupportedContent .closebtn:hover 
 {
    color: #afafaf;
}

#navbarSupportedContent .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    text-decoration: none;
    color: #3f3f3f;
}

button.close span
{
	font-size: 36px;
}


span.paused_yes
{
	display: inline-block !important;
	background-image: url("../img/flag.png");
	background-position: center top;
	background-size: cover;
	text-indent: -99999px;
	height: 20px;
	width: 20px;
	margin-left: 6px;
}




/* ==============================================
		NEW STYLING TO EMULATE DESIGN 
===============================================*/


/* HEADER */

.navbar-light .navbar-toggler {    
	border: 0;
    margin-top: 15px;
}
.navbar-light .navbar-toggler-icon {
    background-image: url(../img/Icons/svg/scic-icms-hamburger.svg);
}
	/* NAVIGATION */

	ul.navbar-nav.mr-auto.overlay-content li a {
		font-family: 'sweetcow';
		text-transform: capitalize;
		color: #1d1060 !important;

	}
	div#navbarSupportedContent {
		border: 5px solid #1d1060;
		width: 100%;
		float: left;
		z-index: 5;
	}
	#navbarSupportedContent .closebtn {
		color: #1d1060;
	}
	#navbarSupportedContent .overlay-content {
		position: relative;
		top: 12%;
	}


/* MAIN DASHBOARD SCREEN */

p {
	font-family: 'Body-Regular';
    font-size: 18px;
    color: #1d1060 !important;
    font-weight: 300;
}
h4 {
	font-family: 'Headline';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 54px;
    color: #1d1060;
}
h3 {
	font-family: 'Headline';
    font-size: 38px;
    text-transform: uppercase;
	color: #1d1060;
}

/* INPUT FIELDS */

#store_select select.col-8.form-control.ng-pristine.ng-untouched.ng-valid.ng-not-empty, #store_select select.col-8.form-control.ng-valid.ng-not-empty.ng-dirty.ng-valid-parse.ng-touched, #flavor_search select#categories {
    font-family: 'Body-Regular';
    border: 2px solid #5987c6;
    border-radius: 0 !important;
    text-align: center !important;
    text-transform: uppercase;
    font-size: 28px;
    color: #1d1060;
	height: 45px;
	/*background: url(../img/Icons/svg/scic-icms-icon-down.svg) 98% center no-repeat;*/
}


input.col-sm-5.form-control.ng-pristine.ng-untouched.ng-valid.ng-empty, input.col-sm-5.form-control.ng-valid.ng-dirty.ng-valid-parse.ng-empty.ng-touched {
	border: 2px solid #5987c6;
    border-radius: 0 !important;
}

#makeIceCreamModal input.ng-invalid, #addBucketsModal input.ng-invalid{
    background-color:pink;
}

#addBucketsModal input.ng-valid, #makeIceCreamModal input.ng-valid {
    background-color:lightgreen;
}

a.col-sm-2.col-form-label.btn.search {
    border: 2px solid #5987c6;
    border-radius: 0 !important;
    font-family: 'Body-Regular' !important;
    font-size: 24px;
}
button.btn.btn.secondary {
    border: 2px solid #5987c6;
    border-radius: 0 !important;
    font-family: 'Body-Regular' !important;
    font-size: 24px;
}
button.btn.btn-secondary {
    border-radius: 0 !important;
}

textarea {
    min-height: 300px;
    max-height: 1200px;
    height: auto;
}
/* END INPUT FIELDS */

section#store_select {
    border-bottom: 5px solid #1d1060;
}
section#flavor_board {
	padding-top: 25px;
	border-top: 5px solid #1d1060;
	border-bottom: 5px solid #1d1060;
}
th {
    font-family: 'Body-Regular';
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #5987c6;
    font-size: 16px;
    font-weight: 300;
    color: #1d1060;
    text-transform: lowercase;
    line-height: 19px;
}
td {
  border: 1px solid #5987c6;
}
p.modifiedDate,p.batchesNeeded{
    font-size: 18px;
    margin: 0;
    color: black;
}

.needsUpdate
{
    color: red !important;
}

p.info
{
	font-size: 18px;
	margin-bottom: 0;
	padding: 10px 5px;
}


#inventory_select td.ng-binding {
	font-family: 'sweetcow';
}
td.text-center.ng-binding {
	font-family: 'Body-Regular' !important;
}
#flavor_board div h3 {
	font-family: 'sweetcow';
	text-transform: capitalize;
}
.btn-primary {
	padding: 10px;
    font-family: 'Body-Regular' !important;
    font-size: 24px;
	
}
/* Add/Edit Store Buttons */


#store_select button.add,#store_select button.edit {
	border: none;
	text-transform: lowercase;
	text-decoration: underline;
	font-size: 24px;
	padding-left: 15px;
}

button.edit, button.add, button.inventory, button.reports {
	padding-left: 45px;
}

h3.previouslyPaused
{
	width: 30px;
	overflow: hidden;
	text-indent: -99999px;
	font-size: 12px;
	height: 20px;
	display: block !important;
	background-color: transparent;
	background-image: url(../img/flag.png);
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
}

button.edit {
	background: url(../img/Icons/svg/scic-icms-icon-edit.svg) 12px center no-repeat;
}
button.add {
	background: url(../img/Icons/svg/scic-icms-icon-add.svg) 12px center no-repeat;
}
button.inventory {
	background: url(../img/Icons/svg/scic-icms-icon-inventory.svg) 12px center no-repeat;
}
button.reports {
	background: url(../img/Icons/svg/scic-icms-icon-view.svg) 12px center no-repeat;
}
.search {
	background: url(../img/Icons/svg/scic-icms-icon-search.svg) 12px center no-repeat;
	padding-left:35px;
}






/* FLAVORS */

.overlay {
    width: 100%;
    height: 100%;
    background: rgb(255,255,255);
	background: rgba(255,255,255,.7);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

textarea.dsc, textarea.agn, textarea.frz, textarea.whp {
    min-height: 70px;
    max-height: 1200px;
    height: auto;
}






#flavor_search strong.ng-binding {
	font-family: 'sweetcow';
	text-transform: capitalize;
	font-size: 22px;
}
.category-dropdowns {
	border-bottom: 5px solid #1d1060;
	
}
#flavor_search h3.name {
	font-family: 'sweetcow';
	text-transform: capitalize;
	text-align: center;
	position: absolute;
	top: 30%;
    z-index: 1;
    width: 100%;
    font-size: 22px;
    padding: 0;
    margin: 0 auto;
    left: 0;
}


/* FLAVA BOOK */

#flava_book {
   font-size: .7rem !important;
}

#flava_book h3
{
	font-size: 24px !important;
}





/* USERS */

section#user_select tr td{
	font-family: 'Body-Regular';	
}



/* FONTS */

	/* MAIN SWEET COW FONT */

	 @font-face {
		font-family: 'sweetcow';
		src: url('../fonts/sweetcow-webfont.eot');
		src: url('../fonts/sweetcow-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/sweetcow-webfont.woff') format('woff'),
			 url('../fonts/sweetcow-webfont.ttf') format('truetype'),
			 url('../fonts/sweetcow-webfont.svg#sweetcow-webfont') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	/* HEADLINE SWEET COW FONT */

	 @font-face {
		font-family: 'Headline';
		src: url('../fonts/Headline.eot');
		src: url('../fonts/Headline.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/Headline.woff') format('woff'),
			 url('../fonts/Headline.ttf') format('truetype'),
			 url('../fonts/Headline.svg#Headline-webfont') format('svg');
		font-weight: normal;
		font-style: normal;
	}


	/* BODY SWEET COW FONTS */


	/* standard */ 

	 @font-face {
		font-family: 'Body-Regular';
		src: url('../fonts/Body-Regular.eot');
		src: url('../fonts/Body-Regular.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/Body-Regular.woff') format('woff'),
			 url('../fonts/Body-Regular.ttf') format('truetype'),
			 url('../fonts/Body-Regular.svg#Body-Regular-webfont') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	/* italic */ 

	 @font-face {
		font-family: 'Body-Regularit';
		src: url('../fonts/Body-Regularit.eot');
		src: url('../fonts/Body-Regularit.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/Body-Regularit.woff') format('woff'),
			 url('../fonts/Body-Regularit.ttf') format('truetype'),
			 url('../fonts/Body-Regularit.svg#Body-Regularit-webfont') format('svg');
		font-weight: normal;
		font-style: italic;
	}

	/* bold */ 

	 @font-face {
		font-family: 'Body-Semibold';
		src: url('../fonts/Body-Semibold.eot');
		src: url('../fonts/Body-Semibold.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/Body-Semibold.woff') format('woff'),
			 url('../fonts/Body-Semibold.ttf') format('truetype'),
			 url('../fonts/Body-Semibold.svg#Body-Semibold-webfont') format('svg');
		font-weight: bold;
		font-style: normal;
	}