/*
//==========================================================================================================================
// PASSWORD RESET section styling.
//
// Last modified: 03.04.17
// Author: Romet Saarna (aka TheKuru) http://wizil.eu
//==========================================================================================================================
*/


/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* password reset section header message */
.passwordreset-header {
 margin: 0 0 12px;
 text-align: center;
 color: #b48608;
 font-family: 'Droid serif', serif;
 font-size: 46px;
 font-weight: 450;
 font-style: italic;
 line-height: 44px;
}

/* password reset section header message underline */
.passwordreset-header-companyname {
 position: relative;
 border-top: 1px solid #fff;
 top: 20px;
 margin-bottom: 30px;
}

/* password reset section header message company name on the line */
.passwordreset-header-companyname span {
 display: block;
 position: relative;
 background: #fff;
 width: 120px;
 margin: 0 auto;
 top: -10px;
 padding: 2px 5px;
 color: #000;
 text-decoration: none;
 font-style: italic;
 font-size: 13px;
 text-align: center;
 font-family: "Droid serif", serif;
}

/* box around reset forms */
.passwordreset-input-container {
 display: block;
 position: relative;
 width: 500px;
 margin: 0 auto;
 border: 2px solid white;
 border-radius: 6px;
 color: #eee;
 font-family: 'Droid Sans', sans-serif;
 font-size: 15px;
 font-weight: 400;
 line-height: 24px;
 text-align: center;
}

/* reset form input element and caption text positioning */
.passwordreset-input-position {
 width: 100%;
 text-align: center;
}

/* reset form input caption text formating */
.passwordreset-input-caption {
 text-align: center;
 vertical-align: middle;
 font-family: 'Droid Sans', serif;
 font-size: 13px;
 line-height: 24px;
 font-style: italic;
}


/* resset form text input field formating */
.passwordreset-input-text {
 width: 80%;
 text-align: center;
 vertical-align: middle;
}

.passwordreset-captcha {
 width: 90%;
 margin: auto;
}

/* verify button postion */
.verifybutton-position {
 text-align: center;
}
/* verify button formating */
.verifybutton {
 width: 350px;
 background-color: #b48608;
 border: 2px solid white;
 border-radius: 6px 6px 6px 6px;
 padding-top: 4px;
 padding-bottom: 4px;
 color: white;
 font-family: Verdana, Tahoma, Arial, Serif;
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
 cursor: pointer;
 -webkit-transition-duration: 0.4s; /* Safari */
 transition-duration: 0.4s;
}
.verifybutton:hover {
 background-color: silver !important;
 color: black !important;
}

/* language selector position */
.languageselector-position {
 position: fixed;
 top: 15px;
 left: 15px;
}
/* language selector formating */
.languageselector {
 width: 100px;
 background-color: silver;
 font-size: 11px;
 text-align: center;
}

/* go back to login page link positioning */
.gobacktologinbagelink {
 width: 100%;
 text-align: center;
}
/* go back to login page link formating */
.gobacktologinbagelink a{
 color: #b48608;
 font-family: Verdana, Tahoma, Arial, Serif;
 font-size: 11px;
 text-decoration: none;
 -webkit-transition-duration: 0.4s; /* Safari */
 transition-duration: 0.4s;
}
.gobacktologinbagelink a:hover{
 color: red !important;
 text-decoration: none;
}
/* -------------------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------------- */
/* passwordreset_settings.php */
/* -------------------------------------------------------------------------------------------------- */
.passwordreset-settings-field-changedtext {
 margin-top: 5px;
 color: red;
 font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
 font-size: 11px;
 font-weight: 300;
 box-sizing: border-box;
 display: none;
}

.passwordreset-settings-save-field {
 position: fixed;
 top: 0;
 right: 0;
 width: 175px;
 display: inline-block;
 box-sizing: border-box;
 border: 1px solid #d7d6d6;
 background-color: #fafafa;
 border-radius: 10px;
 margin-top: 15px;
 margin-right: 15px;
 padding: 10px;
 text-align: center;
 color: #3e3e3e;
 font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
 font-weight: 300;
 font-size: 14px;
}

.passwordreset-settings-save-field-savebutton, .passwordreset-settings-save-field-cancelbutton  {
 display: inline-block;
 outline: 0;
 border: 1px solid #D4D4D4;
 border-radius: 2px;
 color: #444;
 background: -webkit-linear-gradient(top, #F4F4F2, #EDEDEB);
 background: linear-gradient(to bottom, #F4F4F2, #EDEDEB);
 box-shadow: inset 0 1px 0 #FDFDFC;
 white-space: nowrap;
 padding: 5px 8px;
 line-height: 1.4;
 position: relative;
 text-decoration: none;
 margin-top: 10px;
 margin-bottom: 10px;
 color: #3e3e3e;
 font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
 font-weight: 300;
 font-size: 14px;
}

.passwordreset-settings-save-field-savebutton:hover, .passwordreset-settings-save-field-cancelbutton:hover {
 background: -webkit-linear-gradient(top, #EBEBEB, #C7C7C3);
 background:linear-gradient(to bottom, #EBEBEB, #C7C7C3);
}

.passwordreset-settings-save-field-savebutton-unsaved {
 background: -webkit-linear-gradient(top, #EBEBEB, red) !important;
 background:linear-gradient(to bottom, #EBEBEB, red) !important;
}

/* each setting is located inside its own container */
.passwordreset-setting-container {
 width: 80%;
 background-color: #fafafa;
 border-radius: 3px;
 border: 1px solid #ddd;
 box-shadow: 0 1px 0 #ddd;
 margin-left: 20px;
 line-height: 20px;
 padding-left: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 box-sizing: border-box;
}

/* setting table used to position divs into two columns */
.passwordreset-setting-table {
 width: 100%;
}
.passwordreset-setting-table-leftcolumn {
 width: 70%;
}
.passwordreset-setting-table-rightcolumn {
 width: 30%;
 text-align: right;
 padding-right: 10px;
}

/* setting title that describes setting, located inside left column of table */
.passwordreset-setting-title-uid {
 display: block;
 color: #3e3e3e;
 font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
 font-size: 11px;
 font-weight: 200;
}
.passwordreset-setting-title {
 color: #3e3e3e;
 font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
 font-size: 18px;
 font-weight: 300;
 box-sizing: border-box;
}

/* text under setting title, describes last modify date etc, located inside left column of table */
.passwordreset-setting-lastchanged {
 margin-top: 10px;
 color: silver;
 font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
 font-size: 12px;
 font-weight: 300;
 box-sizing: border-box;
}

/* setting input field container, located inside right column of table */
.passwordreset-setting-field {
 color: black;
 font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
 font-size: 14px;
 font-weight: 300;
 box-sizing: border-box;
}

/* number input type */
.passwordreset-setting-field-numberinput {
 width: 60%;
 background-color: #fafafa;
 display: inline-block;
 border: 1px solid #d7d6d6;
 padding: 2px;
 margin: 2px;
 font-size: 13px;
 font-family: Tahoma, Geneva, Arial, sans-serif;
 color: #3e3e3e;
 text-align: center;
}

/* text input type */
.passwordreset-setting-field-textinput {
 width: 60%;
 background-color: #fafafa;
 display: inline-block;
 border: 1px solid #d7d6d6;
 padding: 2px;
 margin: 2px;
 font-size: 13px;
 font-family: Tahoma, Geneva, Arial, sans-serif;
 color: #3e3e3e;
 text-align: center;
}

/* combobox input type */
.passwordreset-setting-field-selector {
 width: 60%;
 background-color: #fafafa;
 display: inline-block;
 border: 1px solid #d7d6d6;
 padding: 2px;
 margin: 2px;
 font-size: 13px;
 font-family: Tahoma, Geneva, Arial, sans-serif;
 color: #3e3e3e;
}
.passwordreset-setting-field-selector option {
 border: 1px solid #d7d6d6;
 background-color: #fafafa;
 border: 1px solid #ccc;
 font-size: 13px;
 font-family: Tahoma, Geneva, Arial, sans-serif;
 color: gray;
}
.passwordreset-setting-field-selector option:checked {
 border: 1px solid #d7d6d6;
 background-color: silver;
 border: 1px solid #ccc;
 font-size: 13px;
 font-family: Tahoma, Geneva, Arial, sans-serif;
 font-weight: 600;
 color: #3e3e3e;
}

/* makes changed fields borders red */
.passwordreset-setting-field-changed {
 outline: 1px solid red;
}

/* this is explaining text under setting input field that says, "Unsaved setting" */
.passwordreset-setting-field-changedtext {
 margin-top: 5px;
 color: red;
 font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
 font-size: 11px;
 font-weight: 300;
 box-sizing: border-box;
 display: none;
}
/* -------------------------------------------------------------------------------------------------- */