/*
┌─┐┌─┐┬  ┬┬  ┬┬┌─┌─┐ ┌─┐┌─┐┌┬┐
├─┘├─┤└┐┌┘│  │├┴┐└─┐ │  │ ││││
┴  ┴ ┴ └┘ ┴─┘┴┴ ┴└─┘o└─┘└─┘┴ ┴
==============================
@project:The Portal Connector.
@description: Bootstap UI
@developer: Kasun Peiris.
@version: 1.0.
@date:2015/10/08.
*/

/*
Bootstap UI
===============
*/
/* 
    Buttons & Links
    ---------------
*/

#Body-Content .ruFileWrap.ruStyled input[type=button]{
    height:34px!important;
    background-image:none;
}
.ruFileWrap.ruStyled input[type=file],
.ruFileWrap.ruStyled {
    height:34px!important;
}

#Body-Content .ruFileWrap.ruStyled input[type=text] {
    height:20px!important;
} 
.ruFileWrap.ruStyled input[type=button],
.sfSubmitBtnWrp input[type=submit],
.sfforumPostTitleSaveEdit {
    width:inherit!important;
    border:none!important;
    background:none!important;
    padding: 6px 12px!important;
    margin: 0!important;
    margin: 0 5px!important;
    font-size: 14px!important;
    font-weight: 600;
    line-height: 1.42857143!important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-image: none;
    border: 1px solid transparent!important;
    border-radius: 4px;
    color: #fff!important;
    background-color: #e93726!important;
    border-color: #e93726!important;
    transition:0.5s all ease!important;
    height:auto!important;
}
input[class^='sff'],
.sfforumNewThreadLnk,
.sfFormSubmit input,
input.rbDecorated,
.RadForm_Bootstrap.RadForm a.rfdSkinnedButton *,
.sfSubmitBtnWrp a {
    width:inherit!important;
    border:none!important;
    background:none!important;
    display: inline-block!important;
    padding: 6px 12px!important;
    margin: 0!important;
    font-size: 14px!important;
    font-weight: 600;
    line-height: 1.42857143!important;
    text-align: center;
    /* white-space: nowrap; */
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent!important;
    border-radius: 4px;
    color: #fff!important;
    background-color: #e93726!important;
    border-color: #e93726!important;
    transition:0.5s all ease!important;
    height:auto!important;
}

/* 
    Buttons : Hover / focus
    -----------------------
*/

.ruFileWrap.ruStyled input[type=button]:hover,#Body-Content .ruFileWrap.ruStyled input[type=button]:focus,
.sfforumNewThreadLnk:hover,.sfforumNewThreadLnk:focus,
.sfSubmitBtnWrp input[type=submit]:hover,.sfSubmitBtnWrp input[type=submit]:focus,
.sfforumPostTitleSaveEdit:hover,.sfforumPostTitleSaveEdit:focus,
input[class^='sff']:hover,input[class^='sff']:focus,
.sfFormSubmit input:hover,.sfFormSubmit input:focus,
.sfforumNewThreadLnk:hover,.sfforumNewThreadLnk:focus,
input.rbDecorated:hover,input.rbDecorated:focus,
.RadForm_Bootstrap.RadForm a.rfdSkinnedButton *:hover,.RadForm_Bootstrap.RadForm a.rfdSkinnedButton *:focus,
.sfSubmitBtnWrp a:hover,.sfSubmitBtnWrp a:focus {
    transition:0.5s all ease!important;
    background-color:#fff!important;
    border-color: #e93726!important;
    color: #e93726!important;
}


/*
    Input Fields
    ------------
*/
.sfFormSubmit.sfSubmitBtnMedium {
    text-align:right;
}
.RadButton_Default.rbSkinnedButton {
    background:none;
}
.RadComboBox .rcbActionButton {
    width:25px;
    height:34px;
    border:1px solid #ddd!important;
}

.RadComboBox .rcbActionButton .rcbIcon{
    top:6px!important;
}
.RadComboBox_Default .rcbInner,
.RadComboBox_Default .rcbHovered,
.RadComboBox_Default .rcbFocused {
    border:none!important;
    padding:0!important;
}
fieldset,
.sfsearchSubmit,
.sfTxt,
 select,
textarea,
input[type='text'],
span > input[type='text'],
input[type='email'],
input[type='password'] {
    font-family: 'Raleway', sans-serif;
    border:none!important;
     height: 34px!important;
    padding: 6px 12px!important;
    font-size: 14px!important;
    line-height: 1.428571!important;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc!important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

span > .ruFakeInput.radPreventDecorate,
fieldset,
textarea {
    height:auto!important;
}
body fieldset{
    /* min-height: 0px!important; */
    padding: 0!important;
    height:100%!important;
    border: 0px solid red!important;
    display: nonoe;
}
label{
    font-size: 14px;
    text-align:left;
    font-weight:normal!important;
    display: inline-block;
}
.rcbActionButton{
    width:30px;
    height:34px;
}
.sidebar-button-set span{
    margin:5px;
}
.sfError.plRequired{

    line-height: 3;
}
.rcbArrowCell .rcbArrowCellRight,
.RadComboBox_Default .rcbInputCell{
    background:none!important;
    /* border:1px solid red!important; */
}

.RadComboBox_Default .rcbArrowCellRight{
    background-position: -18px -172px;
}
    
.crmBoolean .sfFieldWrp{
    display:inline-block;
}
.sfLoginFieldsWrp  div{
   padding-top: :10px;
    display:inline-block
}

.sfLoginFieldsWrp{
    padding-top: 20px;
}

.crmBoolean table{
    float:right;
}
.crmBoolean legend{
    float:left;
}
.RadComboBox .rcbInner,
.crmOptionSet .rcbInner{
   float: right!important;
   width:50%;
   padding: 0 0.5em!important;
 
}

.RadButton {
    width:100%;
    /* white-space:nowrap; */
    /* word-break: break-all!important; */
    /* word-spacing: 5px!important; */
    margin-top:5px!important;
}
.RadButton input{

/* word-break: break-all; */
}


/*Progress Bar */

.meter { 
	height: 20px;  /* Can be anything */
	position: relative;
	background: #555;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 10px;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}

.meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgb(43,194,83);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

.main_content {
    padding:5% 0;
}
.main_content-section-1 input{
  border:1px solid transparent!important;
  background:transparent!important;
  color:#0000FF!important;
  display:block!important;
  width:100%!important;
  text-align:left!important;
  padding:0!important;
  margin:0!important;
  white-space: normal;
  border-bottom:1px solid #333!important;
  border-radius:0!important;
  word-break: normal!important;
}

.main_content-section-1 input:hover,
.main_content-section-1 input:focus{
  border:none!important;
  border-bottom:1px solid #e93726!important;
}
.main_content-section-1 input,
.main_content-section-1 .progress-wrap.progress{
  margin:0!important;
}
.main_content-section-1{
  margin-top:65px;
}

.main_content-section-1  .progress-wrap.progress{
  margin-top:5px!important;
}



.Mti_tabs input{
     width: 100%!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;

}

.RadComboBox .rcbLabel{
    width:50%;    
}