body,input{
    font-family:DINNext,sans-serif
}
.toast,input[type=submit]{
    border-radius:3px
}
@font-face{
    font-family:DINNext;
    src:url(assets/fonts/DIN_Next/din-next-lt-pr o-regular.eot);
    src:url(assets/fonts/DIN_Next/din-next-lt-pro-regular.eot?#iefix) format("embedded-opentype"),url(assets/fonts/DIN_Next/din-next-lt-pro-regular.woff) format("woff"),url(assets/fonts/DIN_Next/din-next-lt-pro-regular.otf) format("opentype"),url(assets/fonts/DIN_Next/din-next-lt-pro-regular.svg#robotolight) format("svg");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:DINNext;
    src:url(assets/fonts/DIN_Next/din-next-lt-pro-bold.eot);
    src:url(assets/fonts/DIN_N ext/din-next-lt-pro-bold.eot?#iefix) format("embedded-opentype"),url(assets/fonts/DIN_Next/din-next-lt-pro-bold.woff) format("woff"),url(assets/fonts/DIN_Next/din-next-lt-pro-bold.otf) format("opentype"),url(assets/fonts/DIN_Next/din-next-lt-pro-bold.svg#robotolight) format("svg");
    font-weight:700
}
body{
    background-color:#f6f6f6
}
header{
    background:url(assets/images/bg.png);
    padding:15px 0 10px
}
.state-error-message,.state-info-message{
    font-size:14px;
    padding:10px 20px;
    text-align:center
}
header .logo{
    background:url(assets/images/Logo.svg) no-repeat;
    height:25px;
    background-size:contain;
    width:100%;
    display:inline-block
}
.state-error-message{
    color:#fa7174;
    background-color:#ffbbd0
}
.state-info-message{
    col or:#5cc076;
    background-color:#f6fcf8
}
.font-small{
    font-size:12px
}
.font-medium{
    font-size:14px
}
.font-large{
    font-size:16px
}
.font-xlarge{
    font-size:18px
}
.margin-top-sma ll{
    margin-top:5px
}
.margin-top{
    margin-top:10px
}
.margin-top-large{
    margin-top:20px
}
.margin-bottom{
    margin-bottom:10px
}
.margin-bottom-small{
    margin-bottom:5px
}
.margin- bottom-large{
    margin-bottom:20px
}
.padding-top{
    padding-top:10px
}
.padding-top-large{
    padding-top:20px
}
.padding-bottom-large{
    padding-bottom:20px
}
.color-primary{
    color: #333
}
.color-secondary{
    color:#999
}
.color-tertiary{
    color:#ccc
}
.red-color{
    color:#fa7174
}
.green-color{
    color:#5cc076
}
.yellow-color{
    color:#fff9a5
}
.toast-wrapper{
    paddin g:20px 30px 0
}
.toast{
    color:#fff;
    padding:10px 13px;
    font-size:16px;
    font-weight:400
}
.bold,.toast .icon{
    font-weight:700
}
.toast .icon{
    position:relative;
    top:2px
}
.toast.error{
    background-color:#fa7174
}
.toast.pending{
    background-color:#fff9a5;
    color:#333
}
.toast.success{
    background-color:#5cc076;
     color:#fff
}
a{
    color:#25a8ed
}
.expanded{
    margin-left:0;
    margin-right:0;
    max-width:initial;
    width:100%
}
.sf-button-primary,.sf-button-secondary{
    letter-spacing:.9px;
    -webki t-appearance:none;
    -moz-appearance:none;
    border:1px solid #333;
    border-radius:3px;
    cursor:pointer;
    font-weight:400;
    margin:10px 0;
    position:relative;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    background-color:#333;
    color:#fff;
    -webkit-transition:background-color .3s ease-out;
    transition:background-color .3s ease-out;
    font-size:14px;
    padding:16px 26px;
    font-family:DINNext;
    text-transform:uppercase
}
.forget-password-container,.raise-query-container{
    margin-top:70px
}
.sf-button-primary:focus,.sf-button-primary:h over,.sf-button-secondary:focus,.sf-button-secondary:hover{
    background-color:#333;
    color:#fff
}
.sf-button-primary:hover,.sf-button-secondary:hover{
    color:#fff;
    box-sh adow:0 1px 10px 0 rgba(0,0,0,.12),0 1px 10px 0 rgba(0,0,0,.12)
}
.disabled.sf-button-secondary,.sf-button-primary.disabled{
    pointer-events:none;
    color:#c3c3c3;
    background:#fff;
    border-color:#B9B8B8
}
.disabled.sf-but ton-secondary:focus,.disabled.sf-button-secondary:hover,.sf-button-primary.disabled:focus,.sf-button-primary.disabled:hover{
    outline-color:transparent;
    background- color:#fff;
    color:#B9B8B8
}
.category-selector:focus,.sf-button-primary:focus,.sf-button-secondary:focus,select#soflow:focus{
    outline:0
}
.large.sf-button-secondary,.s f-button-primary.large{
    font-size:18px;
    padding:0 15px;
    line-height:53px;
    font-weight:700
}
.sf-button-secondary{
    border-color:#333;
    color:#333;
    background-color:#fff
}
@-webkit-keyframes hover-color{
    from{
        border-color:#ccc
    }
    to{
        border-color:#999
    }
}
@keyframes hover-color{
    from{
        border-color:#ccc
    }
    to{
        border-color:#999
    }
}
.sd-checkbox,.sd-radio{
    position:absolute;
    display:none
}
.sd-checkbox[disabled],.sd-radio[disabled]{
    cursor: not-allowed
}
input[type=checkbox]+label,input[type=radio]+label{
    margin-left:0
}
.sd-checkbox+label,.sd-radio+label{
    position:relative;
    padding-left:30px;
    cursor:pointe r;
    vertical-align:middle
}
.sd-checkbox+label:hover:before,.sd-radio+label:hover:before{
    -webkit-animation-duration:.4s;
    animation-duration:.4s;
    -webkit-animation-fill -mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:hover-color;
    animation-name:hover-color
}
.sd-checkbox+label:before,.sd-radio+label:before{
    position:absol ute;
    top:2px;
    left:0;
    display:inline-block;
    width:15px;
    height:15px;
    content:'';
    border:1px solid #ccc
}
.sd-checkbox+label:after,.sd-radio+label:after{
    left:5px;
    width:5px;
    height:9px;
    box-sizing:border-box;
    position:absolute;
    display:none;
    content:''
}
.sd-checkbox[di sabled]+label,.sd-radio[disabled]+label{
    cursor:not-allowed;
    color:#e2e2e2
}
.sd-checkbox[disabled]+label:after,.sd-checkbox[disabled]+label:before,.sd-checkbox[disa bled]+label:hover,.sd-radio[disabled]+label:after,.sd-radio[disabled]+label:before,.sd-radio[disabled]+label:hover{
    cursor:not-allowed
}
.sd-checkbox[disabled]+labe l:hover:before,.sd-radio[disabled]+label:hover:before{
    border:1px solid #e2e2e2;
    -webkit-animation-name:none;
    animation-name:none
}
.sd-checkbox[disabled]+label:before,.sd-radio[disabled]+label:before{
    border-color:#e2e2e2
}
.sd-checkbox:ch ecked+label:before,.sd-radio:checked+label:before{
    -webkit-animation-name:none;
    animation-name:none
}
.sd-checkbox:checked+label:after,.sd-radio:checked+label:after{
     display:block
}
.sd-radio+label:before{
    border-radius:50%
}
.sd-radio+label:after{
    top:4px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    border-width:1px;
    bor der-style:solid;
    border-color:#fff;
    border-top:0;
    border-left:0
}
.sd-radio:checked+label:before{
    border:1px solid #333;
    background-color:#333
}
.sd-radio:checked[disabled]+label:before{
    border:1px solid #e2e2e2
}
.sd-radio:checked[disabled]+label:after{
    background:#e2e2e2
}
.sd-checkbox+label:before{
    border-radius:3px
}
.sd-checkbox+label:after{
    top:3px;
    -webkit-transform :rotate(45deg);
    transform:rotate(45deg);
    border-width:1px;
    border-style:solid;
    border-color:#fff;
    border-top:0;
    border-left:0
}
.sd-checkbox:checked+label:before{
    border: #333;
    background:#333
}
.sd-checkbox:checked[disabled]+label:before{
    border:#e2e2e2;
    background:#e2e2e2
}
.forget-password-container .container,.raise-query-container{
    margin-bottom:50px;
    padding-top:5px;
    background:#fff;
    min-height:200px;
    box-shadow:0 0 10px #ddd
}
.raise-query-container .raise-query-form{
    padding:30px
}
.raise-query-container .raise-query-form .header{
    background-color:#fff;
    font-size:18px;
    font-weight:700
}
.raise-query-container .raise-query-form .query-label{
    color:#999
}
.raise-query-container .raise-query-form .subheader{
    font-size:16px;
    margin-top:10px;
    margin-bottom:43px;
    color:#333
}
.raise-query-container .raise-query-form .upload-note{
    font-size:14px;
    color:#999;
    position:relative
}
.raise-query-container .raise-query-form textarea{
    resize:none;
    box-shadow:none
}
.raise-query-container .raise-query-form textarea:focus{
    background-color:#fff
}
.raise-query-container .raise-query-form input[type=submit]{
    margin-left:10px
}
.raise-query-container .request-confirmation .image{
    background:url(assets/images/email_verification.png) center no-repeat;
    width:100%;
    height:130px;
    margin:0 auto
}
.raise-query-container .request-confirmation .text{
    margin-top:30px;
    padding-bottom:70px
}
.raise-query-container .file-wrapper{
    border:1px solid #B7B7B7;
    border-radius:3px;
    padding:3px 13px;
    max-width:50%;
    white-space:nowrap;
    overflow:hidden;
    font-size:10px;
    display:inline-block;
    position:relative;
    top:6px;
    left:0;
    cursor:pointer;
    margin-bottom:10px
}
.rai se-query-container .file-wrapper:hover{
    background-color:#333;
    color:#fff
}
.raise-query-container .file-wrapper:hover a{
    color:#fff
}
.category-selector label{
    margin-bottom:4px;
    color:#999
}
.category-selector .btn-done{
    margin-top:25px;
    padding-left:30px;
    padding-right:30px;
    margin-bottom:30px
}
.category-selector .form-control{
    border:1px solid #ccc;
    padding:5px 20px 0 5px;
    border-radius:3px;
    min-height:40px;
    position:relative
}
.category-selector .form-control:after{
    content:"";
    height:10px;
    width:10px;
    border-style:solid;
    border-width:0 0 1px 1px;
    border-color:#999;
    -webkit-transform:rotate(-136deg);
    transform:rotate(-136deg);
    display:inline-block;
    position:absolute;
    top:15px;
    right:15px
}
.category-selector .form-control.focussed{
    border-color:#999
}
.category-selector .form-control:hover{
    border-color:#333
}
.category-selector .selected-items{
    cursor:pointer;
    color:#333;
    font-size:14px;
    padding:0 20px 0 10px;
    line-height:25px;
    border:1px solid #25a8ed;
    border-radius:2px;
    display:inline-block;
    position:relative;
    margin-right:5px;
    margin-bottom:5px
}
.category-selector .selected-items .cross{
    position:absolute;
    width:16px;
    height:14px;
    color:#25a8ed;
    right:4px;
    top:6px;
    cursor:pointer
}
.category-selector .selected-items .cross:after,.category-selector .selected-items .cross:before{
    position:absolute;
    right:0;
    left:10px;
    content:' ';
    height:87.5%;
    width:1px;
    background-color:#25a8ed
}
.category-selector .selected-items .cross:before{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.category-selector .selected-items .cross:after{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.category-selector .message{
    position:absolute;
    color:red;
    font-size:11px
}
.category-selector .error label{
    color:red
}
.category-selector .error .form-control{
    border-color:red
}
.category-selector .dropdown-container{
    position:relative;
    background:#FFF;
    z-index:1;
    width:100%;
    border:1px solid #E5E5E5;
    padding:10px;
    max-height:250px;
    overflow-y:auto;
    box-shadow:0 1px 3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.2)
}
.category-selector .category-selector-modal{
    padding:20px;
    max-height:400px;
    overflow:auto
}
.category-selector .category-selector-modal .header{
    font-size:16px;
    color:#333;
    text-align:center;
    line-height:30px
}
.category-selector .category-selector-modal .sub-header{
    font-size:14px;
    color:#999;
    text-align:center;
    line-height:25px
}
.category-selector .category-selector-modal .category-selector-label{
    margin-top:5px
}
.category-selector .category-selector-modal .dropdown-items{
    margin:5px 0
}
.dropdown-container{
    margin-bottom:20px
}
.dropdown-container .dropdown-display{
    min-height:40px;
    width:100%;
    background:#FFF;
    color:#999;
    display:inline-block;
    font-weight:500;
    font-size:14px;
    cursor:pointer;
    position:relative;
    padd ing:.5em 1.5em .5em .7em;
    border-radius:3px;
    border:1px solid #ccc
}
.dropdown-container .dropdown-display:hover{
    border-color:#999
}
.dropdown-container .dropdown-display:after{
    border:1px solid #999;
    border-left-width:0;
    border-top-width:0;
    content:"";
    display:inline-block;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    height:8px;
    width:8px;
    position :absolute;
    right:15px;
    bottom:17px
}
.dropdown-container .dropdown-display .placeholder{
    vertical-align:middle;
    color:#ccc
}
.dropdown-container .dropdown-display.selected{
    border-color:#333
}
.dropdown-container .dropdown-display.selected .placeholder{
    color:#333
}
.dropdown-container .dropdown-list{
    top:-7px;
    position:relative;
    width:100%;
    z-index:3;
    border-top:1px solid #E5E5E5;
    -webkit-transform:scale(1,0);
    transform:scale(1,0);
    -webkit-transition:-webkit-transform ease 250ms;
    transition:-webkit-transform ease 250ms;
    transition:transform ease 250ms;
    transition:transform ease 250ms,-webkit-transform ease 250ms;
    color:#999;
    font-weight:500
}
.dropdown-container .dropdown-list>div{
    position:absolute;
    width:100%;
    z-index:3;
    cursor:pointer;
    background:#FFF;
    max-height:300px;
    overflow:auto;
    box-shadow:0 1px 3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.2)
}
.dropdown-container .dropdown-list>div>div{
    float:left;
    width:100%;
    padding:0 10px;
    box-sizing:border-box;
    border:1px solid #E5E5E5;
    border-top:none;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.dropdown-container .dropdown-list>div>div:hover{
    background:#EAEAEA
}
.dropdown-container .dropdown-list>div>div>*{
    height:40px;
    line-height:40px!important;
    display:inline-block;
    vertical-align:middle
}
.dropdown-container .dropdown-list>div>div>span{
    position:relative;
    box-sizing:border-box;
    font-size:13px
}
.dropdown-container.show>div.dropdown-list{
    -webkit-transform:scale(1,1);
    transf orm:scale(1,1)
}
.faq-container .faqHeader{
    margin-bottom:16px
}
.faq-container li{
    font-size:12px
}
.faq-container ol{
    margin-bottom:0
}
.faq-container .question-container{
    margin:15px 0
}
.faq-container .question-content{
    margin:-20px 0 0 35px
}
.faq-container .question-title{
    color:#333;
    font-size:14px;
    line-height:1.43;
    cursor:pointer
}
.faq-container .question-icon{
    border-radius:2px;
    background-color:#FFF;
    width:17px;
    height:17px;
    position:relative;
    border:1px solid #E5E5E5;
    cursor:pointer
}
.faq-container .minus::before,.faq-container .plus::before{
    content:"";
    height:1px;
    width:11px;
    background-color:#999;
    position:absolute;
    margin:7px 2px
}
.faq-container .plus::after{
    content:"";
    height:11px;
    width:1px;
    background-color:#999;
    position:absolute;
    margin:2px 7px
}
.faq-container .answer-body{
    color:#999;
    font-size:14px;
    line-height:18px;
    margin-bottom:10px;
    margin-top:8px
}
.sf-modal-overlay{
    position:fixed;
    z-index:8;
    top:0;
    left:0;
    width:100%;
    heig ht:100%;
    background-color:#000;
    opacity:.6
}
.sf-modal-dialog-wrapper{
    overflow:auto;
    left:0;
    right:0;
    top:0;
    bottom:0;
    position:fixed;
    z-index:8
}
.modal-table{
    display:table ;
    height:100%;
    margin:auto;
    width:100%
}
.modal-table-cell{
    display:table-cell;
    vertical-align:middle
}
.sf-modal-dialog{
    z-index:9;
    position:relative;
    width:685px;
    backgroun d-color:#fff;
    box-shadow:0 6px 15px 0 rgba(0,0,0,.4);
    margin:10px auto;
    border-radius:10px
}
.sf-modal-dialog-content{
    text-align:left
}
.sf-modal-dialog-content .header{
    color:#333;
    padding:20px 30px;
    border-bottom:1px solid #E5E5E5
}
.sf-modal-dialog-content .header .sub-title{
    font-size:12px;
    color:#999
}
.sf-modal-dialog-content .body{
    padding:20px 30px
}
.sf-modal-dialog-content .footer{
    padding:10px 30px 0;
    border-top:1px solid #E5E5E5
}
.sf-modal-btn{
    margin-top:1em;
    margin-right:1em;
    min-width:122px;
    margin-bottom:1em
}
.sf-modal-cross-button{
    position:absolute;
    width:20px;
    height:20px;
    right:10p x;
    top:10px;
    cursor:pointer;
    z-index:1
}
.sf-modal-cross-button:after,.sf-modal-cross-button:before{
    position:absolute;
    right:0;
    left:50%;
    content:' ';
    height:100%;
    width:1px;
    background-color:#999
}
.sf-modal-cross-button:before{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.sf-modal-cross-button:after{
     -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.sf-modal-footer{
    padding:0 30px 10px
}
sd-input .form-group{
    margin-bottom:25px;
    position:relative
}
sd-input .form-group.error label{
    color:#999
}
sd-input .form-group.error input[type=number],sd-input .form-group.error input[type=text]{
    border-color:red
}
sd-input .form-group.error .message{
    color:red;
    font-family:DINNext
}
sd-input2 .form-group{
    margin-bottom:25px;
    position:relative
}
sd-input2 .form-group.error label{
    color:#999
}
sd-input2 .form-group.error input[type=number],sd-input .form-group.error input[type=text]{
    border-color:red
}
sd-input2 .form-group.error .message{
    color:red;
    font-family:DINNext
}
sd-input1 .form-group{
    margin-bottom:25px;
    position:relative
}
sd-input1 .form-group.error label{
    color:#999
}
sd-input1 .form-group.error input[type=number],sd-input .form-group.error input[type=text]{
    border-color:red
}
sd-input1 .form-group.error .message{
    color:red;
    font-family:DINNext
}
sd-input input[type=email],sd-input input[type=number],sd-input input[type=number][readonly],sd-input input[type=password],sd-input input[type=text],sd-input input[type=text][readonly]{
    border-radius:3px;
    border:1px solid #ccc;
    color:#333;
    box-shadow:none;
    height:40px;
    margin-bottom:0;
    background-color:#fff;
    -moz-appearance:textfield;
    -webkit-box-shadow:0 0 0 1000px #fff inset
}
sd-input input[type=email]:not(:placeholder-shown),sd-input input[type=number]:not(:placeholder-shown),sd-input input[type=number][readonly]:not(:placeholder-shown),sd-input input[type=password]:not(:placeholder-shown),sd-input input[type=text]:not(:placeholder-shown),sd-input input[type=text][readonly]:not(:placeholder-shown){
    border-color:#999;
    background-color:#fff;
    color:#333
}
sd-input input[type=email]:active,sd-input input[type=email]:focus,sd-input input[type=email]:hover,sd-input input[type=number]:active,sd-input input[type=number]:focus,sd-input input[type=number]:hover,sd-input input[type=number][readonly]:active,sd-input input[type=number][readonly]:focus,sd-input input[type=number][readonly]:hover,sd-input input[type=password]:active,sd-input input[type=password]:focus,sd-input input[type=password]:hover,sd-input input[type=text]:active,sd-input input[type=text]:focus,sd-input input[type=text]:hover,sd-input input[type=text][readonly]:active,sd-input input[type=text][readonly]:focus,sd-input input[type=text][readonly]:hover{
    border-color:#333
}
sd-input input[type=password]{
    font-family:Arial
}
sd-input input[type=number][readonly],sd-input input[type=text][readonly]{
    border-color:#e2e2e2;
    color:#ccc
}
sd-input input[type=number][readonly]:active,sd-input input[type=number][readonly]:focus,sd-input input[type=number][readonly]:hover,sd-input input[type=number][readonly]:not(:placeholder-shown),sd-input input[type=text][readonly]:active,sd-input input[type=text][readonly]:focus,sd-input input[type=text][readonly]:hover,sd-input input[type=text][readonly]:not(:placeholder-shown){
    border-color:#ccc;
    background-color:#fff;
    color:#ccc
}
sd-input label{
    color:#999;
    margin-bottom:4px;
    font-size:14px
}
sd-input .message{
    font-size:12px;
    position:absolute;
    top:65px
}
sd-input ::-webkit-input-placeholder{
    color:#ccc
}
sd-input :-moz-placeholder{
    color:#ccc
}
sd-input ::-moz-placeholder{
    color:#ccc
}
sd-input :-ms-input-placeholder{
    color:#ccc
}
sd-input input[type=number]::-webkit-inner-spin-button,sd-input input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
.sd-select{
    position:relative
}
.sd-select span.errMsg{
    color:#fa7174;
    top:36px;
    position:absolute;
    left:0;
    font-size:11px
}
.sd-select select{
    box-shadow:none;
    background:0 0;
    border:1px solid #ccc;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding:0 25px 0 4px;
    color:#333
}
.sd-select select:focus{
    background:0 0;
    border:1px solid #ccc;
    outline:0
}
.sd-select label{
    color:#999;
    text-align:left;
    font-weight:400;
    position:absolute;
    pointer-events:none;
    left:0;
    top:-11px;
    font-size:14px;
    transition:.2s ease all;
    -moz-transition:.2s ease all;
    -webkit-transition:.2s ease all
}
.sd-select label.error{
    color:#fa7174
}
.sd-select:after{
    content:"";
    height:10px;
    width:10px;
    border-style:solid;
    border-width:0 0 1px 1px;
    border-color:#999;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    display:inline-block;
    position:absolute;
    top:16px;
    right:9px
}
sd-textarea .form-group{
    position:relative;
    margin-bottom:20px;
    margin-top:25px
}
sd-textarea textarea{
    resize:none;
    overflow:hidden;
    display:block!important
}
sd-textarea .form-control{
    color:#333;
    font-size:14px;
    font-weight:500;
    text-align:left;
    padding:10px 8px 8px;
    margin-bottom:0;
    background-color:#FFF;
    display:block;
    min-height:40px;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    border-radius:3px;
    border:1px solid #ccc
}
sd-textarea .form-control:active{
    border-color:#999;
    color:#999
}
sd-textarea .form-control.ng-not-empty{
    border-color:#999
}
sd-textarea .form-control:focus,sd-textarea .form-control:hover{
    border-color:#333
}
sd-textarea label{
    color:#999;
    font-size:14px;
    font-weight:400;
    margin-bottom:4px
}
sd-textarea .message{
    position:absolute;
    color:red;
    font-size:11px;
    left:0
}
sd-textarea .error label{
    color:#999
}
sd-textarea .error textarea.form-control{
    border-color:red
}
.tooltip{
    border-radius:2px;
    font-size:12px;
    padding:10px;
    width:auto!important;
    word-wrap:break-word;
    z-index:1
}
.tooltip.active {
    display:inline
}
.tooltip.top-right .nub{
    left:auto!important;
    right:5px!important
}
.tooltip.top-center .nub{
    left:50%!important
}
.tooltip.bottom-right .nub{
    left:auto!important;
    right:5px!important
}
.tooltip.bottom-center .nub{
    left:50%!important
}
#confirm-account-container{
    padding:30px
}
#confirm-account-container .header{
    margin-bottom:8px
}
#confirm-account-container .header .header-text{
    font-size:18px;
    font-weight:700
}
#confirm-account-container #create-password .sub-header,#confirm-account-container #forget-password .sub-header{
    margin-bottom:26px
}
#confirm-account-container #create-password .sub-header .text,#confirm-account-container #forget-password .sub-header .text{
    color:#333;
    font-size:16px
}
#confirm-account-container #create-password .contact-us-link,#confirm-account-container #forget-password .contact-us-link{
    font-size:14px;
    color:#999
}
#confirm-account-container #mail-send-notification .header-image{
    background:url(assets/images/Message-80.png) no-repeat;
    width:80px;
    height:80px;
    margin:0 auto
}
#confirm-account-container #mail-send-notification .text{
    font-weight:700;
    font-size:14px
}
#confirm-account-container #mail-send-notification .resend-block{
    color:#999;
    margin-top:10px;
    font-size:12px
}
#confirm-account-container #mail-send-notification .resend-block a{
    font-weight:700
}
#confirm-account-container #mail-send-notification .footer{
    color:#999;
    font-size:11px;
    margin-top:51px
}
#confirm-account-container #mobile-number-verification .sub-header{
    color:#333;
    font-size:16px;
    margin-bottom:26px
}
#confirm-account-container #mobile-number-verification .resend-otp-link{
    font-size:12px;
    font-weight:700
}
#confirm-account-container #mobile-number-verification .resend-otp-link a{
    position:relative;
    top:-20px
}
#confirm-account-container #mobile-number-verification .cancel-btn{
    margin-left:14px
}
.errorMessage{
    background-color:red
}
#reset-password{
    padding:15px
}
#reset-password .header{
    padding-bottom:8px
}
#reset-password .header .header-text{
    font-size:18px;
    font-weight:700
}
#reset-password .header .header-image{
    background:url(assets/images/Privacy-40.png) no-repeat;
    width:40px;
    height:40px;
    margin:0 auto
}
#reset-password .password-check-block{
    margin-top:10px;
    color:#999;
    margin-bottom:24px
}
#reset-password .password-check-block .title{
    margin:15px 0;
    font-size:14px
}
#reset-password .password-check-block label{
    color:#999
}
.input-file{
    margin-top:0;
    position:relative
}
.input-file input{
    position:absolute;
    right:0;
    top:0;
    opacity:0;
    min-width:100%;
    min-height:100%;
    cursor:pointer
}
.input-file .upload-button-label{
    color:#25a8ed;
    font-size:14px
}
.sf-content-loader{
    top:0;
    z-index:1;
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    background:#FFF;
    opacity:.7;
    border- radius:5px
}
.sf-content-loader .md-preloader{
    position:absolute;
    top:50%;
    left:50%;
    margin:-37px 0 0 -37px
}
.md-preloader{
    font-size:0;
    display:inline-block;
    -webkit-animation:outer 6.6s linear infinite;
    animation:outer 6.6s linear infinite;
    overflow:hidden
}
.md-preloader svg{
    -webkit-animation:inner 1.32s linear infinite;
    animation:inner 1.32s linear infinite
}
.md-preloader svg circle{
    fill:none;
    stroke:#e40046;
    stroke-linecap:round;
    -webkit-animation:arc 1.32s cubic-bezier(.8,0,.4,.8) infinite;
    animation:arc 1.32s cubic-bezier(.8,0,.4,.8) infinite
}
.md-preloader.big svg{
    height:60px;
    width:60px
}
.md-preloader.medium svg{
    height:45px;
    width:45px
}
.md-preloader.small svg{
    height:30px;
    width:30px
}
@-webkit-keyframes outer{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes outer{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes inner{
    0%{
        -webkit-transform:rotate(-100.8deg);
        transform:rotate(-100.8deg)
    }
    100%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
@keyframes inner{
    0%{
        -webkit-transform:rotate(-100.8deg);
        transform:rotate(-100.8deg)
    }
    100%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
@-webkit-keyframes arc{
    0%{
        stroke-dasharray:1 210.49px;
        stroke-dashoffset:0
    }
    40%{
        stroke-dasharray:151.55px,210.49px;
        stroke-dashoffset:0
    }
    100%{
        stroke-dasharray:1 210.49px;
        stroke-dashoffset:-151.55px
    }
}
@keyframes arc{
    0%{
        stroke-dasharray:1 210.49px;
        stroke-dashoffset:0
    }
    40%{
        stroke-dasharray:151.55px,210.49px;
        stroke-dashoffset:0
    }
    100%{
        stroke-dasharray:1 210.49px;
        stroke-dashoffset:-151.55px
    }
}
