/*

///////////////////////////////////////////////////////////////////////////////
// Office Management System                          by Provico IT Solutions //
//                                                                           //
// Request:      rem.forms.css                                               //
// Description:  Application style sheet                                     //
// File version: 20190121                                                    //
// Author:       bra                                                         //
//                                                                           //
///////////////////////////////////////////////////////////////////////////////

*/

/* BEGIN FONT DEFINITION*/
@font-face
{
font-family: Muli;
src: url(../font/muli/Muli.ttf);
}
@font-face
{
font-family: MuliBold;
src: url(../font/muli/Muli-Bold.ttf);
}
@font-face
{
font-family: Luna;
src: url(../font/luna/Luna.ttf);
}
/* END FONT DEFINITION*/

/* BEGIN FONT MARKUP */
.field_label {
	font-family: Muli;
	font-size: 11px;
	color: grey;
}
.tax_label {
	font-family: Muli;
	font-size: 10px;
	color: grey;
}
/* END FONT MARKUP */

A:link, a:visited {text-decoration: none; color: #808080;}
A:hover {background-color: #f1f1f1; color: #000000;}
input,textarea, select {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  background-color: #fff;
  padding: 3px 5px;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
}
input.text {
	background-color: #E3E1E1;
	border-color:#08298A;
	border-width:0px;
	border-style:solid;
	font-family:Muli;
	}
	
textarea.text {
	background-color: #E3E1E1;
	border-color:#08298A;
	border-width:0px;
	border-style:solid;
	font-family:Muli;
	font-size:14px;
}

#submit #prev #next {
padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
#submit:hover #prev:hover #next:hover {
  background-color: #ffffff;
}

/* BEGIN CODE EXPAND COLLAPSE */
/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 6px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
/* END CODE EXPAND COLLAPSE */

/* BEGIN CODE DROPDOWN MENU */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  /*min-width: 160px;*/
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}
/* END CODE DROPDOWN MENU */

/* BEGIN CODE DATEPICKER */

[type="date"] {
  background:#fff url(../images/widgets/calendar.png)  97% 50% no-repeat ;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

label {
  display: block;
}

/* END CODE DATEPICKER */

/* BEGIN CODE CARD - used for login screen */
.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 5px; /* 5px rounded corners */
  width: 350px;
  height: 280px;
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
/* Add some padding inside the card container */
.container {
  padding: 2px 16px 2px 115px;
  text-align: justify;
}
/* Add some padding inside the card container */
.container-center {
  padding: 20px 16px;
  text-align: center;
}
/* END CODE CARD - used for login screen */

/* BEGIN CODE MESSAGE BOXES */
.container-alert {
  padding: 2px 115px 2px 115px;
  text-align: justify;
}
 .alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
 .alert h4{margin-top:0;color:inherit}
 .alert.alert-link{font-weight:700}
 .alert>p,.alert>ul{margin-bottom:0}
 .alert>p+p{margin-top:5px}
 .alert-dismissable,.alert-dismissible{padding-right:35px}
 .alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}
 .alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
 .alert-success hr{border-top-color:#c9e2b3}
 .alert-success .alert-link{color:#2b542c}
 .alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
 .alert-info hr{border-top-color:#a6e1ec}
 .alert-info .alert-link{color:#245269}
 .alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
 .alert-warning hr{border-top-color:#f7e1b5}
 .alert-warning .alert-link{color:#66512c}
 .alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
 .alert-danger hr{border-top-color:#e4b9c0}
 .alert-danger .alert-link{color:#843534}
/* END CODE MESSAGE BOXES */

/* BEGIN CODE FILE UPLOADER */
#drop_file_zone {
    background-color: #EEE; 
    border: #999 5px dashed;
    width: 600px; 
    height: 300px;
    padding: 8px;
    font-size: 18px;
}
#drag_upload_file {
  width:50%;
  margin:0 auto;
}
#drag_upload_file p {
  text-align: center;
}
#drag_upload_file #selectfile {
  display: none;
}
/* END CODE FILE UPLOADER */