/*
 * Copyright © 2020 IngeniousPro.
 *
 * @author IngeniousPro Team <developers@ingeniouspro.co.in>.
 * @Homepage https://www.ingeniouspro.co.in/
 * @version 1.0.1
 * This file is property of IngeniousPro,
 * It's the declaration of license to sciwideonline.com website only,
 * License ID > F05QFA-KWYBSY-PPLYMY-RYCBWY.
 * For commercial use you have to take the separate license.
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at 
 *
 *     https://developers.ingeniouspro.co.in/license/website/
 *
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
 
.fieldStyle{
	width: 100%;
    color: #5b5b5d;
    display: flex;
    position: relative;
	}
.fieldStyle.fa:before{
	padding: 5px 0px;
    text-align: center;
    font-size: 25px;
    width: 40px;
    height: 35px;
	}
.fieldStyle > label{
	z-index: 1;
    position: absolute;
    font-size: 25px;
    padding: 1px;
    padding-top: 4px;
    padding-left: 0px;
    left: 40px;
    -webkit-transition: font-size 200ms linear;
    -ms-transition: font-size 200ms linear;
    transition: font-size 200ms linear;
	}
.fieldStyle > small{
	line-height: 140%;
	font-size: 100%;
	padding:7.5px 10px;
	position: relative;
    display: flex; 
    -webkit-display: flex; 
	color:#ff4949;
	font-weight: 500;
	margin-top: 35px;
	pointer-events: none;
	}
.fieldStyle:after{
	content: " ";
    background: #fff;
    position: absolute;
    width: 100%;
    height: 35px;
	top: 0px;
	left: 0;
	z-index: -1000;
	}
.fieldStyle > input,.fieldStyle > select{
	z-index: 1;
	position: absolute;
    margin: auto;
    width: 100%;
    left: 0px;
    height: 35px;
	border: 1.25px solid  #B6B4B6;
	outline: none;
	background: transparent;
	padding-left: 40px;
	color: transparent;
	padding-top: 12px;
    font-weight: 400;
    font-size: 12px;
	text-align: left;
	}
.fieldStyle > select{
	padding-left: 35px;
	}
.fieldStyle > textarea{
	z-index: 1;
	position: absolute;
    margin: auto;
    min-height: 200px;
    max-height: 200px;
    min-width: 100%;
    left: 0px;
	border: 1.25px solid  #B6B4B6;
	outline: none;
	background: transparent;
	padding-left: 40px;
	color: transparent;
	padding-top: 15px;
    font-weight: 400;
    font-size: 12px;
	text-align: left;
	}
.fieldStyle > fieldset{
	z-index: 1;
	position: absolute;
    margin: auto; 
    min-width: 100%;
    left: 0px;
	border: 1.25px solid  #B6B4B6;
	outline: none;
	background: transparent;
	padding-left: 40px;
	color: transparent;
	padding-top: 15px;
    font-weight: 400;
    font-size: 12px;
	text-align: left;
	}
.fieldStyle > textarea::placeholder, .fieldStyle > input::placeholder, .fieldStyle > select::placeholder{
	color: transparent;
	text-transform: capitalize;
	}
.fieldStyle.textarea{
	height: 215px;
	}
.fieldStyle.radio{
	height: auto;
	}
.fieldStyle.textarea.required{
	height: 235px;
	}
.fieldStyle.textarea > small{
	margin-top: 200px; 
	}
.fieldStyle > .dial-hold{
	color: transparent;
	}
.fieldStyle.active > .dial-hold{
	color: #7d7e80;
	}
.fieldStyle.active > textarea, .fieldStyle.active > input,.fieldStyle.active > select,.fieldStyle.active > fieldset{
	color: #7d7e80;
	outline:none;
	max-width:100%;
	}
.fieldStyle.active > textarea::placeholder, .fieldStyle.active > input::placeholder, .fieldStyle.active > select::placeholder{
	color: #7d7e80;
	}
.fieldStyle > input::-moz-placeholder{
		color:transparent;
		}
.fieldStyle > input:-ms-input-placeholder{
		color:transparent;
		}
.fieldStyle > input::-webkit-input-placeholder{
		color:transparent;
		}
.fieldStyle.active > input::-moz-placeholder{
		color:#757575;
		}
.fieldStyle.active > input:-ms-input-placeholder{
		color:#757575;
		}
.fieldStyle.active > input::-webkit-input-placeholder{
		color:#757575;
		}
.fieldStyle.active > label{
	font-size: 12px;
	}
.fieldStyle.selft-success > input,.fieldStyle.selft-success > select, .fieldStyle.success > input,.fieldStyle.success > select{
	border-color:#269000;
	}
.fieldStyle.selft-success > small, .fieldStyle.selft-success,.fieldStyle.success > small, .fieldStyle.success{
	color:#269000;
	}
.fieldStyle.selft-warning > input,.fieldStyle.selft-warning > select,.fieldStyle.warning > input,.fieldStyle.warning > select{
	border-color:#856404;
	}
.fieldStyle.selft-warning > small, .fieldStyle.selft-warning,.fieldStyle.warning > small, .fieldStyle.warning{
	color:#856404;
	}
.fieldStyle.selft-danger > input,.fieldStyle.selft-danger > select, .fieldStyle.danger > input,.fieldStyle.danger > select{
	border-color:#ff4949;
	}
.fieldStyle.selft-danger > small, .fieldStyle.selft-danger,.fieldStyle.danger > small, .fieldStyle.danger{
	color:#ff4949;
	}
.fieldStyle.selft-info > input,.fieldStyle.selft-info > select,.fieldStyle.info > input,.fieldStyle.info > select{
	border-color:#5aabff;
	}
.fieldStyle.selft-info > small, .fieldStyle.selft-info,.fieldStyle.info > small, .fieldStyle.info{
	color:#5aabff;
	}
.fieldStyle.required > small{
	color:#ff4949;
	}
.fieldStyle > input[type="file"]::-webkit-file-upload-button {
	visibility: hidden;
	text-transform: capitalize;
	}

.fieldStyle > input:-webkit-autofill,
.fieldStyle > input:-webkit-autofill:hover, 
.fieldStyle > input:-webkit-autofill:focus, 
.fieldStyle > input:-webkit-autofill:active  {
	z-index: 1!important;
	-webkit-box-shadow: 0 0 0 33px #fff inset !important;
	}
	
.fieldStyle.fa:before{
	z-index: 2!important;
	}

.fieldStyle > input:-webkit-autofill {
	
	}
.self-style-button{
	background: transparent;
    border: 1px solid #5b5b5d!important;
    border-radius: 0px!important;
    color: #5b5b5d!important;
    font-weight: 500;
	padding-bottom: 8px;
    box-shadow: none!important;
    outline: none;
    padding-top: 4px;
    font-size: 14px;
    min-height: 35px;
    -webkit-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    transition: color 200ms linear;
    -webkit-transition: background 200ms linear;
    -ms-transition: background 200ms linear;
    transition: background 200ms linear;
	}
.self-style-button.fa:before{
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}
.self-style-button:focus,.self-style-button:hover,.self-style-button:active{
	background: #5b5b5d!important;
	color: #FFF!important;
	outline: none;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
   
    ::i-block-chrome,.fieldStyle > input,.fieldStyle > select, .fieldStyle > label{
		position:relative;
		padding:5px;
		font-size:15px;
		}
	::i-block-chrome,.fieldStyle:after{
		position:relative;
		}
	::i-block-chrome,.fieldStyle > label,.fieldStyle.active > label{
		font-size:25px;
		}
	::i-block-chrome,.self-style-button{
		padding-bottom: 4px;
		margin-top: 15px;
		}
	::i-block-chrome,body#ptrc .self-style-button{
		background: transparent!important;
		}
	::i-block-chrome,body#ptrc > .bbc > div.lgin-c > div{
		top:200px
		}
	::i-block-chrome,body#ptrc p.designer, body#ptrc p.version{
		background:#fff;
		}
	}
.form-group {
	text-align: start;
	}
.form-group {
	margin-bottom: 0px;
	}
.mft{
	min-height: 35px;
	width: 100%;
	color: #5b5b5d;
	display: flex;
	position: relative;
	}
.mft > *{
	position:absolute;
	}
.mft > i.fa{
	padding: 5px 0px;
    text-align: center;
    font-size: 25px;
    width: 40px;
    height: 35px;
	}
.mft > label{
	font-size: 25px;
    padding: 0px;
	padding-top: 2px;
    left: 40px;
	top: -3px;
    -webkit-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	}
.mft.data-in > label{
	top: 0px;
	font-size: 12px;
	}
.mft > input.script-style, .mft > select.script-style{
	background: transparent;
	border-radius: 0px;
    border: 1.25px solid #B6B4B6;
    width: 100%;
    padding-top: 12px;
    padding-left: 40px;
    font-weight: 400;
    font-size: 12px;
    height: 35px;
    color: transparent;
	-webkit-transition: color 200ms linear;
	-ms-transition: color 200ms linear;
	transition: color 200ms linear;
	outline:none;
	}
.mft > span, .mft > small{
	line-height: 140%;
	font-size: 100%;
	padding:7.5px 10px;
	position: relative;
    display: flex; 
    -webkit-display: flex; 
	color:#ff4949;
	font-weight: 500;
	margin-top: 35px;
	pointer-events: none;
	}
.mft.data-in > input.script-style, .mft.data-in > select.script-style{
	color: #7d7e80;
	border: 1.25px solid #B6B4B6;
	}
.mft.data-in > span, .mft.data-in > small{
	color:#7d7e80;
	}
.mft > .script-style::-moz-placeholder{
		color:transparent;
		}
.mft > .script-style:-ms-input-placeholder{
		color:transparent;
		}
.mft > .script-style::-webkit-input-placeholder{
		color:transparent;
		}
.mft.data-in > .script-style::-moz-placeholder{
		color:#757575;
		}
.mft.data-in > .script-style:-ms-input-placeholder{
		color:#757575;
		}
.mft.data-in > .script-style::-webkit-input-placeholder{
		color:#757575;
		}

input.script-style:-webkit-autofill,
input.script-style:-webkit-autofill:hover, 
input.script-style:-webkit-autofill:focus, 
input.script-style:-webkit-autofill:active  {
	-webkit-box-shadow: 0 0 0 33px #fff inset !important;
	}

input.script-style:-webkit-autofill {
	
	}