﻿.moshi_form input[type="text"],
.moshi_form input[type="number"],
.moshi_form input[type="password"], 
.moshi_form input[type="search"],
.moshi_form textarea {
    margin:6px 0;
}

﻿/* form */
.moshi_form {
	font-size:14px;
	font-weight:400;
	
}
.moshi_form em{
    font-weight:400;
    font-style:italic;
}


.moshi_form input[type="text"],
.moshi_form input[type="number"],
.moshi_form input[type="password"], 
.moshi_form input[type="search"],
.moshi_form textarea {
	
	font-size:16px;
	font-weight: 700;
	padding:2px;
    
   
    text-indent: 5px;
	width: 100%;
	
	height:50px;
	color:#58585a;
	border: 1px solid #e0e0e0;
    padding-top:15px;
    border-radius:0;

}
.moshi_form input:hover{
    border-color:#bfbfc3;
}
.moshi_form input:focus{
    border-color:#58585a;
   
}


/*for floating label*/
.field-wrapper 
{
  position: relative;
  margin-bottom: 2px;
  
}
.field-wrapper label 
{
  position: absolute;
  top: 22px;
  left: 8px;
  color: #58585a;
    font-size: 15px;
    font-weight: 400;
  transition: all 0.1s linear;
  opacity: 0.5;
  pointer-events:none;
  
}

.field-wrapper.iconq {
  padding-right:30px;
  
}


.field-wrapper.iconq .after {
	background-image: url("/Content/images/input_icon_q.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 100% auto;
     content: attr(data-before) !important;
    display: inline-block;
    height: 25px;
    margin-bottom: 2px;
    padding-right: 20px;
    position: absolute;
    right: 0;
    top: 14px;
    vertical-align: bottom;
    width: 25px;
    cursor:pointer;
}

label.on 
{
  color: #58585a;
}
label.show 
{
  top: 9px;
  opacity: 0.3;
  font-size:11px;
}
/*PlaceHolder*/
.moshi_form ::-webkit-input-placeholder { /* WebKit browsers */
    color:    transparent;
}
.moshi_form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    transparent;
}
.moshi_form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    transparent;
}
.moshi_form :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    transparent;
}
.moshi_form input:focus::-webkit-input-placeholder { color:transparent; }
.moshi_form input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.moshi_form input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.moshi_form input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/*ERROR */
.input-validation-error
{
    border-color: #e945a2 !important; 
    /*color:#e945a2;*/
    
}

.field-validation-error,.validation-summary-errors,.field-validation-valid {
   color:#e945a2;
  /*  display: inline-block;*/
    font-size: 12px;
    line-height: 15px;
    font-style:italic;
    
}
.field-validation-error a{
    color:#e945a2;
}
.validation-summary-errors{

}
.validation-summary-errors ul{

}
.validation-summary-errors ul li{

}

body 
{
    /* the following line fixes a blink in chrome https://code.google.com/p/chromium/issues/detail?id=108025 */
  -webkit-backface-visibility: hidden;
}


/*for select2 PROCESSING*/
.select2-hidden-accessible{
    width:1px !important;
}
.select2-container .select2-choice {
    border: 2px solid #dce4ec;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    text-indent: 1px;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #dce4ec;
    -webkit-border-radius:0 0 6px 6px;
       -moz-border-radius:0 0 6px 6px;
            border-radius:0 0 6px 6px;
}
.select2-drop {
    margin-top: -2px;
    border: 2px solid #dce4ec;
    border-top: 0;
    -webkit-border-radius:0 0 6px 6px;
       -moz-border-radius:0 0 6px 6px;
            border-radius:0 0 6px 6px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.select2-drop.select2-drop-above {
    margin-top: 2px;
    border-top: 2px solid #dce4ec;
    border-bottom: 0;
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.select2-container .select2-choice div {
    border-left: 2px solid #dce4ec;
    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;

    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;
}
.select2-search input {
    height: 30px !important;
    border: 2px solid #dce4ec;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 2px solid #dce4ec;
    outline: none;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.select2-dropdown-open .select2-choice {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;

    -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0;

    -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
            border-bottom-right-radius: 0;
}
.select2-dropdown-open .select2-choice div {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-results .select2-highlighted {
    background: #3875d7;
    background: #1abc9c;
    color: #fff;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;

    border: 2px solid #dce4ec;
}
.select2-container-multi.select2-container-active .select2-choices {
    border: 2px solid #dce4ec;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}


.select2-dropdown{
    border:1px solid #e0e0e0;
    border-radius:0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:10px;right:5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
     color: #58585a;
     opacity:0.5;
     font-size:15px;

     opacity:1;
     font-weight:700;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-weight:400;
    color: #58585a;
    opacity: 0.5;
}
/*.select2-container--default .select2-selection--single .select2-selection__rendered.selected{
    opacity:1;
    font-weight:700;
}*/
.select2-search--dropdown{
    margin:5px;
}
.select2-search--dropdown .select2-search__field{
    height:initial;
    padding:8px 4px;
    border:1px solid #e0e0e0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#999;
}

.select2-container{
    margin-top:6px;
    margin-bottom:6px;
}
.select2-dropdown{
    margin-top:-8px;
}
.select2-container--default .select2-selection--single{
    height:50px;
    border:1px solid #e0e0e0;
    border-radius:0;
    color:#58585a;
}
.select2-container--default.select-validation-error .select2-selection--single{
    border:1px solid #e945a2 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:45px;
}
.select2-results__option{
    padding:12px;
}
.select2-container .select2-choice {
    background-image: none;
    transition: all 0.2s linear 0s;
    border-color: #ddd;
}
.select2-container .select2-choice .select2-arrow {
    background: none;
    border-left: none;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
    box-shadow: none;
    background: none repeat scroll 0 0 #e0e0e0;
    border-color: #e0e0e0;
}
.select2-drop {
    box-shadow: none;
    border-color: #e0e0e0;
}
.select2-result-repository {
    padding-bottom: 3px;
    padding-top: 4px;
}
.select2-result-repository__avatar {
    float: left;
    margin-right: 10px;
    width: 60px;
}
.select2-result-repository__meta {
    margin-left: 70px;
}
.select2-result-repository__title {
    color: black;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 4px;
    word-wrap: break-word;
}
.select2-result-repository__description {
    color: #777;
    font-size: 13px;
    margin-top: 4px;
}
.clearable {
    background: #fff  url('../images/mJotv.gif') no-repeat right -10px center;
    border: 1px solid #999;
    padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
    border-radius: 3px;
    transition: background 0.4s;
}
.clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */


.moshi_form input:disabled:not([type]), .moshi_form input[type="text"]:disabled, .moshi_form input[type="password"]:disabled, .moshi_form input[type="email"]:disabled, .moshi_form input[type="url"]:disabled, .moshi_form input[type="search"]:disabled, .moshi_form input[type="tel"]:disabled, .moshi_form input[type="number"]:disabled, .moshi_form input[type="datetime"]:disabled, .moshi_form input[type="datetime-local"]:disabled, .moshi_form input[type="date"]:disabled, .moshi_form input[type="month"]:disabled, .moshi_form input[type="time"]:disabled, .moshi_form input[type="week"]:disabled, .moshi_form input[type="color"]:disabled, .moshi_form select:disabled, .moshi_form textarea:disabled {
    background-color: #f1f1f1;
    border-color: #e5e5e5;
    color: #999;
}

