/**
 * Created by shubham on 27/2/18.
 */

@import 'index.css';
@import 'material.css';
@import 'icons.css';

.mat-input-element:disabled{
    color:black !important;
}

.profile-image {
    border: 1px solid #4f6f90 !important;
    border-radius: 1px !important;
}

.login-card {
    width:65% !important;
    padding:0px !important;
    vertical-align:middle !important;
    text-align:center !important;
    margin-left:18% !important;
    background:transparent !important;
    box-shadow: none !important;
    border: none !important;
    overflow: visible !important;
}
.login-logo {
    width:100% !important;
    margin: 15px 0px !important;
}

.logo {
    width:100% !important;
    background-color : rgba(255,255,255,0.47) !important;
    padding: 0.8rem 0.5rem !important;
}

.logo-1 {
    width:100% !important;
    padding: 1.5rem 1.5rem !important;
}

.logo-2 {
    width:100% !important;
    padding: 0.5rem 0.5rem !important;
}

.page-auth .card-content {
    background: rgba(255, 255, 255, 0.77) !important;
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.box-body-padding{
    padding: 2.25rem 1.25rem !important;
}
.box-body-dotted{
    border-top: 1px dotted #bcc8d6;
}

.service-login-button{
    width: 13.2em !important;
    height: 2.6em !important;
}

.login-logo-text{
    line-height: 18px !important;
    color: #000000 !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
}

.login-user{
    color: #fafafa !important;
    background: #2196f3 !important;
    position: absolute !important;
    left: 0px !important;
    width: 100% !important;
    padding: 10px !important;
    text-align: center !important;
    font-size: 14px !important;
}

.box-body-dim-white{
    background: #eaeaea !important;
}

.box-body-less-dim-white{
    background: transparent !important;
}

.mat-raised-button.mat-primary[disabled], .mat-raised-button[disabled][disabled] {
    background-color: rgba(0, 0, 0, 0.24) !important;
    color: rgba(0, 0, 0, 0.50) !important;
}

.float-right{
    float:right !important;
}

.text-center{
    text-align: center !important;
}

.cursor-pointer {
    cursor:pointer !important;
}

/*Padding*/
.padding-0{
    padding: 0px !important;
}
.padding-0-7{
    padding: 0.7% !important;
}
.padding-2{
    padding-top: 2% !important;
}
.padding-4{
    padding-top: 4% !important;
}
.padding-5{
    padding-top: 4% !important;
}
.padding-8{
    padding-top: 8% !important;
}
.padding-1-8em{
    padding: 1.8em !important;
}
.padding-10{
    padding:10px !important;
}
.padding-13{
    padding: 13px !important;
}
.padding-20{
    padding: 20px !important;
}
.padding-bottom-20{
    padding-bottom: 20px !important;
}
.padding-r-13{
    padding-right: 13px !important;
}
.padding-r-45{
    padding-right: 45px !important;
}
.padding-r-l{
    padding: 16px 28px 15px 28px;
}
.padding-r-l-user{
    padding: 30px 28px 20px 28px;
}
.padding-r-l-user-password{
    padding: 30px 28px 30px 28px;
}
.padding-r-l-admin-forms{
    padding: 0px 0px 15px 32px !important;
}
.padding-l-r-18{
    padding-left: 18px !important;
    padding-right: 18px !important;
}
.padding-t-b-20{
    padding-top: 20px;
    padding-bottom: 20px;
}
.padding-form{
    padding: 64px 20px 0px 20px !important;
}
.logo-padding{
    padding: 1.5rem 1.5rem !important;
}
.padding-top-2-5{
    padding-top: 2.5% !important;
}
.padding-admin-box{
    padding: 2.5rem 1.5rem !important
}
.padding-top-1{
    padding-top: 1% !important;
}
.padding-top-0-7{
    padding-top: 0.7% !important;
}
.padding-bottom-0-9{
    padding-bottom: 0.9% !important;
}

/*Margin*/
.margin-0{
    margin: 0px !important;
}
.margin-top-neg-4{
    margin-top: -4px !important;
}
.margin-left-neg-7{
    margin-left: -7px !important;
}
.margin-top-neg-6{
    margin-top: -6px !important;
}
.margin-top-neg-8{
    margin-top: -8px !important;
}
.margin-top-neg-10{
    margin-top: -10px !important;
}
.margin-left-neg-20{
    margin-left: -20px !important;
}
.margin-top-03{
    margin-top: 3px !important;
}
.margin-top-04{
    margin-top: 4px !important;
}
.margin-top-08{
    margin-top: 8px !important;
}
.margin-top-10{
    margin-top: 10px !important;
}
.margin-top-11{
    margin-top: 11px !important;
}
.margin-top-13{
    margin-top: 13px !important;
}
.margin-top-12{
    margin-top: 12px !important;
}
.margin-top-15{
    margin-top: 15px !important;
}
.margin-top-18{
    margin-top: 18px !important;
}
.margin-top-19{
    margin-top: 19px !important;
}
.margin-top-20{
    margin-top: 20px !important;
}
.margin-top-22{
    margin-top: 22px !important;
}
.margin-top-25{
    margin-top: 25px !important;
}
.margin-top-28{
    margin-top: 28px !important;
}
.margin-top-30{
    margin-top: 30px !important;
}
.margin-top-35{
    margin-top: 35px !important;
}
.margin-top-37{
    margin-top: 37px !important;
}
.margin-top-40{
    margin-top: 40px !important;
}
.margin-bottom-1{
    margin-bottom: 1px !important;
}
.margin-bottom-3{
    margin-bottom: 3px !important;
}
.margin-bottom-5{
    margin-bottom: 5px !important;
}
.margin-bottom-7{
    margin-bottom: 7px !important;
}
.margin-bottom-8{
    margin-bottom: 8px !important;
}
.margin-bottom-10 {
    margin-bottom: 10px !important;
}
.margin-bottom-15 {
    margin-bottom: 15px !important;
}
.margin-bottom-17-5 {
    margin-bottom: 17.5px !important;
}
.margin-bottom-19 {
    margin-bottom: 19px !important;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.margin-bottom-25 {
    margin-bottom: 25px !important;
}
.margin-bottom-30 {
    margin-bottom: 30px !important;
}
.margin-bottom-23 {
    margin-bottom: 23px !important;
}
.margin-bottom-35 {
    margin-bottom: 35px !important;
}
.margin-bottom-40 {
    margin-bottom: 40px !important;
}
.margin-bottom-45 {
    margin-bottom: 45px !important;
}
.margin-bottom-55 {
    margin-bottom: 55px !important;
}
.margin-bottom-60 {
    margin-bottom: 60px !important;
}
.margin-bottom-0-2{
    margin-bottom: 0.2rem !important;
}
.margin-bottom-0-5{
    margin-bottom: 0.5rem !important;
}
.margin-bottom-0-7{
    margin-bottom: 0.7rem !important;
}
.margin-bottom-1-0{
    margin-bottom: 1rem !important;
}
.margin-bottom-1-3{
    margin-bottom: 1.3rem !important;
}
.margin-bottom-1-4{
    margin-bottom: 1.4rem !important;
}
.margin-bottom-1-5{
    margin-bottom: 1.5rem !important;
}
.margin-bottom-1-6{
    margin-bottom: 1.6rem !important;
}
.margin-bottom-1-7{
    margin-bottom: 1.7rem !important;
}
.margin-bottom-1-8{
    margin-bottom: 1.8rem !important;
}
.margin-bottom-2-0{
    margin-bottom: 2rem !important;
}
.margin-bottom-2-2{
    margin-bottom: 2.2rem !important;
}
.margin-bottom-2-3{
    margin-bottom: 2.3rem !important;
}
.margin-bottom-2-4{
    margin-bottom: 2.4rem !important;
}
.margin-bottom-2-5{
    margin-bottom: 2.5rem !important;
}
.margin-bottom-2-6{
    margin-bottom: 2.6rem !important;
}
.margin-bottom-2-7{
    margin-bottom: 2.7rem !important;
}
.margin-bottom-3-0{
    margin-bottom: 3rem !important;
}
.margin-bottom-3-2{
    margin-bottom: 2.7rem !important;
}
.margin-bottom-4-0{
    margin-bottom: 4rem !important;
}
.margin-bottom-4-8{
    margin-bottom: 4.8rem !important;
}
.margin-left-2{
    margin-left: 2px !important;
}
.margin-left-10{
    margin-left: 10px !important;
}
.margin-left-15{
    margin-left: 15px !important;
}
.margin-left-37p{
    margin-left: 37% !important;
}
.margin-left-40p{
    margin-left: 40% !important;
}
.margin-right-neg-5{
    margin-right: -5px !important;
}
.margin-right-neg-10{
    margin-right: -10px !important;
}
.margin-left-33{
    margin-left: 33px !important;
}
.margin-right-10{
    margin-right: 10px !important;
}

/*Font Size*/
.font-size-12px{
    font-size: 12px !important;
}
.font-size-13{
    font-size: 13px !important;
}
.font-size-13 input{
    font-size: 0.9rem !important;
}
.font-size-14{
    font-size: 14px !important;
}
.font-size-15{
    font-size: 15px !important;
}
.font-size-16{
    font-size: 16px !important;
}
.font-size-17{
    font-size: 17px !important;
}
.font-size-18{
    font-size: 18px !important;
}
.font-size-19{
    font-size: 19px !important;
}
.font-size-20{
    font-size: 20px !important;
}
.font-size-24{
    font-size: 24px !important;
}
.font-size-30{
    font-size: 30px !important;
}
.font-size-1rem{
    font-size: 1rem !important;
}

/*Color*/
.color-gray{
    color: #AEAEAE !important;
}
.color-gray-filter{
    color: rgba(0, 0, 0, 0.54) !important;
}
.label-color-gray{
    color: #9a9a9a !important;
}
.label-color-light-grey{
    font-weight: 300 !important;
    color: #9ea7a7 !important;
}
.color-white {
    color : #ffffff !important;
}
.color-black {
    color : #000 !important;
}
.color-red{
    color: red !important;
}
.color-blue{
    color: #2196f3 !important;
}
.color-dim-white {
    color: #fafafa !important;
}
.bc-color-light-blue{
    background-color: rgba(225, 232, 243, 0.82) !important;
}
.bg-color-filter{
    /*background: #eaeaea54 !important;*/
    background: #edf0f3 !important;
}
.back-button{
    width: 72px !important;
    height: 72px !important;
    border-radius: 40px !important;
    line-height: 68px !important;
    background: #2196f3 !important;
    position: absolute !important;
    left: 118px !important;
    bottom: -36px !important;
    cursor: pointer !important;
}
.btn-color{
    background-color: #FFFFFF !important;
    color: #636363 !important;
}
.icon-color{
    color: #2180d2 !important;
}
.btn-red{
    color: #FFF !important;
    background-color: #ff0000 !important;
}
.btn-org{
    color: #FFF !important;
    background-color: #ff8100 !important;
}
.btn-grn{
    color: #FFF !important; 
    background-color: #39a95c !important;
}
.btn-right{
    float: right;
}

/*Width*/
.width-min-100{
    min-width: 100px !important;
}
.width-min-130{
    min-width: 130px !important;
}
.width-14{
    width: 14% !important;
}
.width-15{
    width: 15% !important;
}
.width-18{
    width: 18% !important;
}
.width-20{
    width: 20% !important;
}
.width-22-percent{
    max-width: 22% !important;
}
.width-22{
    width: 22% !important;
}
.width-23{
    width: 23% !important;
}
.width-32{
    width: 32% !important;
}
.width-35-percent{
    max-width: 35% !important;
}
.width-85{
    max-width: 85% !important;
}
.width-50{
    width: 50% !important;
}
.width-70{
    max-width: 70% !important;
}
.width-130{
    width: 130px !important;
}
.width-140{
    width: 140px !important;
}
.width-150{
    width: 10px !important;
}
.width-160{
    width: 160px !important;
}
.width-180{
    width: 180px !important;
}
.width-190{
    width: 190px !important;
}
.width-200{
    width: 200px !important;
}
.width-205{
    width: 205px !important;
}
.width-114{
    width: 114px !important;
    min-width: 40px !important;
}
.max-width-58{
    max-width: 58% !important;
}
.max-width-80{
    max-width: 80% !important;
}
.max-width-95{
    max-width: 95% !important;
}
.min-width-58{
    min-width: 58px !important;
}
.min-width-395{
    min-width: 395px !important;
}
.min-width-410{
    min-width: 410px !important;
}
.max-width-460{
    max-width: 460px !important;
}
.button-gray-clr{
    background-color: gray !important;
    color: white !important;
}
.button-red-clr{
    background-color: #EF5350 !important;
    color: white !important;
}
.letter-spacing-0-8{
    letter-spacing: 0.8px;
}

/*Divider*/
.dotted-divider {
    border-bottom: 1px dashed #dcdcdc;
}

/*Header*/
.customize-app-header-inner{
    background-color: white !important;
}
.home-icon{
    color:#2195f2 !important;
    cursor:pointer !important;
    float:left !important;
    font-size: xx-large !important;
}
.left-header{padding:12px 4px 10px 26px!important;}
.header-brand-logo{text-align: left; float: left; margin-left: 16px;}
.header-profile-pic{min-width: 0px !important;line-height:unset !important;}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .bootstrap-panel-body:before, .bootstrap-panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    display: table;
}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .bootstrap-panel-body:after, .modal-header:after, .modal-footer:after {
    clear: both;
}
.app-page-container .app-content-wrapper{
    background-color: #ecf0f3 !important;
}
.app-content{
    padding-left: 0px !important;
    padding-top: 50px !important;
    color: #000000 !important;
}

/* space */
.space-xs{padding: 2px !important;}

/*Sidebar under 992px*/
@media only screen and (max-width: 991px) {
    .app-sidebar {
        z-index: 1000 !important;
        overflow-x: hidden !important;
    }
}

/*Sidebar Collapsed*/
@media only screen and (min-width: 992px) {
    .nav-collapsed .app-sidebar {
        width: 0px !important;
    }
}

/*Sidebar Collapsed*/
@media only screen and (max-width: 991px) {
    .nav-collapsed .app-sidebar {
        width: 0px !important;
    }
}

@media only screen and (min-width: 992px) {
    .ngx-datatable.scroll-horz .datatable-body {
         overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
    }
}

@media only screen and (max-width: 991px) {
    .ngx-datatable.scroll-horz .datatable-body {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

/*Table CSS*/
.dataTables_length{width: 100%;}
.dataTables_filter{
    position: absolute;
    top: 0px;
    right: 0px;
}

.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table{
    width: 99.80% !important;
    float:left
}
.dataTables_scroll .dataTables_scrollBody table{
    width: 99.90% !important;
    float:left
}
.dataTables_length{
    margin-bottom: 10px !important;
}
.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell{
    vertical-align: middle !important;
    line-height: 3 !important;
}
.mdl-data-table td, .mdl-data-table th{
    padding: 10px !important;
}
.datatable-header{
    background-color: #d4dee9d6 !important;
}
.datatable-checkbox {
    vertical-align: top !important;
    padding: 0px !important;
}
.datatable-header-cell {
    position: relative !important;
    vertical-align: bottom !important;
    text-overflow: ellipsis !important;
    font-weight: bold !important;
    line-height: 34px !important;
    letter-spacing: 0 !important;
    font-size: 14px !important;
    color: rgba(0, 0, 0, 0.54) !important;
    padding-bottom: 8px !important;
    box-sizing: border-box !important;
}
.datatable-body-cell {
    line-height: 2.3 !important;
    padding: 10px !important;
    position: relative !important;
    vertical-align: middle !important;
    border-top: 0.5px solid rgba(0, 0, 0, 0.05) !important;
    border-left: 0.5px solid rgba(0, 0, 0, 0.05) !important;
    border-right: 0.5px solid rgba(0, 0, 0, 0.05) !important;
    border-bottom: 1.5px solid rgba(0, 0, 0, 0.05) !important;
    padding-top: 12px !important;
    box-sizing: border-box !important;
    font-size:14px !important;
}
/*.html-column .datatable-row-wrapper, .datatable-body-row, .datatable-row-odd, .datatable-row-center, .datatable-row-group, .datatable-body-cell{
    height: 300px !important;
}*/
.datatable-body-cell.active:focus {
    background-color: inherit !important;
    color:inherit !important;

}
.datatable-body-cell,.datatable-header-cell,.empty-row{padding: 10px 1.1rem !important;}
.datatable-footer{padding: 0px 1.2rem !important;}
.datatable-body-cell .datatable-body-cell-label button{line-height: 1.4;}
.datatable-body-cell .datatable-body-cell-label {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.ngx-datatable.material .datatable-header .resize-handle {
    border-right: solid 1px #ccc !important;
}
.ngx-datatable.material .datatable-footer {
    border: none !important;
}
.page-dashboard .box {
    border-radius : 0px !important;
}
.page-dashboard .box-default {
    background-color: #d4dee9d6 !important;
}
.filter-input{
    padding: 5px !important;
    margin: 15px 20px 10px -5px !important;
}
.filter-input-1{
    padding: 5px !important;
    margin: 15px 15px 10px -5px !important;
}
.filter-input-2{
    padding: 5px !important;
    margin: 15px 20px 10px 0px !important;
}
.table-bordered th, .table-bordered td{border: 1px solid #dadada;}

.login-last-text-padding{
    margin: 0px 75px !important;
}

/*Request View Page*/
.page-heading {
    color: #9e9e9e;
    font-size: 22px;
    top: 10px;
    margin-bottom: 45px;
}

.card_title{
    padding: 20px !important;
    background-color: #d4dee9d6 !important;
    border-bottom: 1px solid #e7e7e7 !important;
}
.reg-card_title{
    padding: 20px !important;
    background: #cfd5d861 !important;
    border-bottom: 1px !important;
}
.form-content {
    padding: 16px 0px 16px 32px;
    color: #8e8e8e !important;
}

.form-content p{
    color: #000;
    font-size: 16px;
}

.form-content label {
    font-size: 14px !important;
    color: #8e8e8e !important;
    margin-top: 20px !important;
    margin-bottom: 0.1rem !important;
}

.form-content table {
    color: #000000 !important;
}

.usr-detail-page-p{
    margin-top: 12px !important;
    margin-bottom: 0px !important;
    color: #9a9a9a !important;
}

.reg-dialog-thanks{
    font-size: 25px !important;
    font-weight: 500 !important;
}

.reg-dialog-msg{
    padding: 0px 30px 0px 30px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.reg-check-icon{
    color: #66bb69 !important;
    float: right !important;
}

.approve-reject{
    min-width: 90px !important;
    min-height: 28px !important;
}

.float-right{
    float: right !important;
}

.sash-hight-100{
    height: 100px !important;
}
.sash-hight-223{
    height: 223px !important;
}
.password-ul{
    font-size: 13px !important;
    line-height: 23px !important;
}

/*Multi Select */
.custom-class {
    color: #ccc;
}
/*.custom-class .c-btn{
    box-shadow: none !important;
    border: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
    border-radius: 0px !important;
}*/
.custom-class .c-token{
    background: #2196f3 !important;
}
.custom-class .pure-checkbox label::before {
    border-color: #2196f3 !important;
}
.custom-class .pure-checkbox input[type="checkbox"]:checked + label[_ngcontent-c1]:before {
    background: #2196f3 !important;
}
.select-overflow{
    overflow: visible !important;
}

.filter-padding{
    padding: 12px 20px !important;
}
.filter-padding-1{
    padding: 15px 32px 15px 20px !important;
}
.btn-w-xxs{
    min-width: 56px !important;
}

/*Callout on dashboard*/
.callout-1{
    padding: 5px 0px 5px 10px !important;
    border-left: 3px solid #eee !important;
}
.callout-1 p:last-child {
    font-size: 13px !important;
    margin-bottom: 0 !important;
}
.collout-info-1{
    background-color: rgba(0, 188, 212, 0.05) !important;
    border-color: #00BCD4 !important;
}

.collout-warn-1{
    background-color: rgba(0, 188, 212, 0.05) !important;
    border-color: #00BCD4 !important;
}
/*Callout on Add Application Page*/
.callout-2{
    padding: 13px !important;
    border-left: 3px solid #eee !important;
}
.callout-2 p:last-child {
    font-size: 15px !important;
    margin-bottom: 0 !important;
}
.callout-danger-2{
    background-color: #fdf7f7;
    border-color:  #d9534f !important;
}

/*registration app css*/
.reg-app-button{
    padding: 0px !important;
    width: 36px !important;
    min-width: 36px !important;
    line-height: 30px !important;
    margin-top: 5px !important;
}
.reg-app input{
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/*File Upload*/
.fileupload-input {
      box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
      border: none;
      padding: 8px 10px 8px 10px;
      border-radius: 2px;
      min-width: 130px;
      margin-left: 10px;
      border: 1px solid #ccc;
      display: inline-block;
      cursor: pointer;
}

input[type="file"] {
    display: none;
}

.welcome-msg-heading{
    margin-top: -12px !important;
    line-height: 1.4 !important;
}

.welcome-msg-list{
    color: #1269ae !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    margin: 6px auto !important;
    line-height: 1.2 !important;
}

.welcome-msg-name{
    color: #7b7979d6 !important;
    font-size: 22px !important;
    font-weight: bold !important;
    margin: 6px auto !important;
    margin-bottom: 12px !important;
    margin-top: 25px !important;
}

.pass-hint {
    position: relative;
    display: inline-block;
}

.pass-content {
    display: none;
    padding: 20px 10px 6px 10px;
    position: absolute;
    background-color: #e6eaec;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.pass-hint:hover .pass-content {display: block;}

.pass-useful-hint-login {
    position: absolute;
    float: right;
    top: 330px;
    cursor: pointer;
}
.pass-useful-hint {
    position: absolute;
    float: right;
    top: 0px;
    cursor: pointer;
}
.right-40{
    right: 40px !important;
}
.right-10{
    right: 10px !important;
}
.responsive-table-header-backgroud {
    background-color: #e7edf3d6 !important;
}

.roleBox{
    box-shadow: 1px 1px 4px grey;
}

.advise-partner-type {
    border: 1px solid #e0dada !important;
    border-radius: 7px !important;
}
.advise-partner-type legend {
    width:auto !important;
    font-size: 1.0rem !important;
    color: #66bb6a !important;
}
.partner-type-suggestion{
    color:#2196f3 !important;
    font-size: 13px !important;
    margin-bottom: 5px !important;
}
.check-confirm {
    color: green;
}
.cancel-update {
    color: red;
}
.update-btns {
    top: 6px;
    position: relative;
}