/* tmx-multi-select {
   margin-left: 12px;

  margin-top: 15px;
  margin-right: 10px; 
} */
tmx-multi-select .tmx-multi-select label {
    color: #9e9e9e;
    height:16px;
    font-size: 14px;
    font-weight: 400;
    margin:0px 0px 8px 0px;
}
tmx-multi-select .tmx-multi-select span.md-select-icon {
    color: #757575;
    height:16px;
    font-size: 14px;
    font-weight: 400;
    margin:0px 0px 8px 0px;
}

tmx-multi-select .tmx-multi-select md-input-container  span {

}

tmx-multi-select .tmx-multi-select md-input-container .md-input.ng-invalid.ng-dirty,
tmx-multi-select .tmx-multi-select md-input-container.md-input-focused .md-input{
    padding:0px 0px -2px 0px;
    color: red;
}



tmx-multi-select[required] .tmx-multi-select md-input-container label::after{
    content:"*";
    color:Red;
    padding-left: 2px;
}


tmx-multi-select .tmx-multi-select md-select-value span:first-child {
  color: #9e9e9e;
  height:16px;
  font-size: 14px;
  font-weight: 400;
  margin:0px 0px 8px 0px;
}

tmx-multi-select .tmx-multi-select md-select-value {
  overflow: hidden !important;

}

tmx-multi-select .tmx-multi-select md-input-container.md-input-invalid md-select{
    border-bottom: 1px solid red;

}
tmx-multi-select .tmx-multi-select md-input-container.md-input-invalid md-select-value{
    border-bottom: 1px solid red;

}
tmx-multi-select[disabled="true"] .tmx-multi-select md-input-container md-select-value span {
  color: #9E9E9E !important;
}
tmx-multi-select .tmx-multi-select md-input-container span {
  width: 0px;
  word-wrap: break-word;
  margin-top: 4px !important;

}

tmx-multi-select .tmx-multi-select md-input-container.md-input-invalid span {
    color:red;
    padding:0px 0px 0px 0px;
    height:16px;
    font-size: 14px;
    font-weight: 400;
    margin:0px 0px 8px 0px;
}


tmx-multi-select .tmx-multi-select md-input-container.md-input-invalid span::after{
    color: #757575 !important;

}

md-select[disabled] md-select-value .md-select-icon{
  display: none;
}

tmx-warehouse-card {

}

tmx-warehouse-card .card-title-container {

  height: 55px;
  background-color: rgb(94, 53, 177);
}
tmx-warehouse-card .card-title-container-body {

  height: 55px;
  background-color: white;
}

tmx-warehouse-card .add-container {
  height: 166px; /* A pixel is added to cater the shadow*/
  background-color: rgb(250, 250, 250);

}

tmx-warehouse-card .add-warehouse {
  cursor: pointer;
  width: 45px;
  height: 45px;

}

tmx-warehouse-card .no-stock-container {

  height: 110px;

}
/*
tmx-warehouse-card .add-warehouse:hover {
  width: 50px;
  height: 50px;
}*/

/* MAIN app css stylesheet */
/*Applied to Private screens of home/Register/Login/Forgot/Reset Password*/

/*//////////////////////////////////   BACKGROUND IMAGE PUBLIC   /////////////////////////////////////////////////////////*/

.prov .Public_background {
    /*background-image: url("../images/BG_shopkeeper.jpg");*/
    margin-left: auto;
    margin-right: auto;
    /*background-color: aliceblue;*/
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    /*height:100%;*/

    height: 100vh;
    position: relative;
    max-width: 100%;
    max-height: 100%;
    background-color: rgba(239,239,239,0.9);
     width:40%; 
    float:right;
}
/*//////////////////////////////////   BACKGROUND IMAGE PUBLIC   /////////////////////////////////////////////////////////*/

.prov div .md-warn {
    font-size: 10pt !important;
    text-align: center;
    color: red;
    margin-bottom: 8px;
}
.prov div .success_msg{
    font-size: 10pt !important;
    text-align: center;
    color: #0091EA;
    margin-bottom: 8px;
}
/*//////////////////////////////////   TENANT REGISTER IMAGE PUBLIC  ////////////////////////////////////////////////////*/

.prov .tenant_image {
    position: relative;
    /* float: left; */
}
.prov .circularImage {
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    width: 100px;
    height: 110px;
    /* float: left; */
    margin-left: auto;	
    margin-right: auto;	
    display: block;
}
.prov .imgText {
    position: absolute;
    top: 55px;
    padding-top: 5px;
    padding-left: 7.7px;
    left: 0;
    width: 90px;
    height: 50px;
    color: white;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    font-size: 10px;
}
.prov .imgText:hover {
    background-color: rgba(54, 25, 25, .4);
    font-size: 14px !important;
}
.prov .UploadText {
    float: left;
    display: none;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 1px;
    font-weight: bold;
}
.prov .imgText:hover .UploadText {
    display: block;
}
.prov .imgText:hover .camera-icon {
    display: block;
    font-size: 14px;
    margin-left: 8px;
    text-shadow: none;
    opacity: 1;
}
.prov .camera-icon {
    text-shadow: 2px 2px 2px black;
    font-size: 20px;
    margin-left: 10px;
    margin-top: 14px;
    opacity: 0.5;
    color: white;
    transition: margin .5s;
}
/*//////////////////////////////////   TENANT REGISTER IMAGE PUBLIC  ////////////////////////////////////////////////////*/
/*////////////////////////////////////    HyperLinks  ///////////////////////////////////////////////////////////////*/
/* unvisited link */

.prov a {
    color: #0091EA;
}
/* visited link */

.prov a:visited {
    color: #3F51B5;
}
/* mouse over link */

.prov a:hover {
    color: #F44336;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.prov .home_heading {
    font-weight: 700;
    font-size: 24px;
    color: #1caf9a;
}
/*//////////////////////////////////   BUTTONS START   /////////////////////////////////////////////////////////*/
/*//////////////////////////////////   PRIMARY/DEFAULT BUTTON   /////////////////////////////////////////////////////////*/

.prov .md-button.btn_primary,
md-dialog .md-actions .md-button.btn_primary ,
md-dialog md-dialog-actions .md-button.btn_primary {
    background-color: #0091EA;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    height: 36px;
    width: 140px;
    min-width: 64px;
    margin: 6px 8px 6px 8px;
    /*padding: 6px 8px 6px 8px;*/
}
.prov .btn_primary:not([disabled]),
md-dialog .md-actions .md-button.btn_primary:not([disabled]) ,
md-dialog md-dialog-actions .md-button.btn_primary:not([disabled])
{
    background-color: #0091EA;
    Color: #FFFFFF;
}
.prov .btn_primary:not([disabled]) span.ng-scope,
.prov .btn_primary[disabled] span.ng-scope{

}

.prov .btn_primary[disabled],
.prov .md-button .md-raised[disabled],
.prov .md-button[disabled],
md-dialog .md-actions .md-button.btn_primary[disabled],
md-dialog md-dialog-actions .md-button.btn_primary[disabled]
{
    background-color: #E0E0E0;
    Color: #9E9E9E;
}
.prov .btn_primary:not([disabled]):hover,
md-dialog .md-actions .md-button.btn_primary:not([disabled]):hover ,
md-dialog md-dialog-actions .md-button.btn_primary:not([disabled]):hover
{
    background-color: #0091EA !important;
    color: #FFFFFF;
}
.prov .btn_primary:not([disabled]):focus {
    background-color: #0091EA !important;
    color: white;
}
/*//////////////////////////////////   PRIMARY/DEFAULT  BUTTON   /////////////////////////////////////////////////////////*/
/*//////////////////////////////////   SECONDARY/SUCCESS BUTTON   /////////////////////////////////////////////////////////*/

.prov .btn_secondary,
md-dialog .md-actions .md-button.btn_secondary ,
md-dialog md-dialog-actions .md-button.btn_secondary
{
    background-color: #1caf9a;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    height: 36px;
    width: 140px;
    min-width: 64px;
    margin: 6px 8px 6px 8px;
    /*padding: 6px 8px 6px 8px;*/
}
.prov .btn_secondary[disabled],
md-dialog .md-actions .md-button.btn_secondary[disabled] ,
md-dialog md-dialog-actions .md-button.btn_secondary[disabled]
{
    background-color: #E0E0E0;
    Color: #757575;
}
/*//////////////////////////////////   SECONDARY/SUCCESS BUTTON   /////////////////////////////////////////////////////////*/
/*//////////////////////////////////   WARNING BUTTON   /////////////////////////////////////////////////////////*/

.prov .btn_warning,
md-dialog .md-actions .md-button.btn_warning ,
md-dialog md-dialog-actions .md-button.btn_warning
{
    background-color: #D84315;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    height: 36px;
    width: 140px;
    min-width: 64px;
    margin: 6px 8px 6px 8px;
    /*padding: 6px 8px 6px 8px;*/
}
.prov .btn_warning[disabled],
md-dialog .md-actions .md-button.btn_warning[disabled] ,
md-dialog md-dialog-actions .md-button.btn_warning[disabled]
{
    background-color: #E0E0E0;
    Color: #757575;
}
/*//////////////////////////////////   WARNING BUTTON   /////////////////////////////////////////////////////////*/
/*//////////////////////////////////   DISABLED BUTTON   /////////////////////////////////////////////////////////*/

.prov .btn_gray {
    background-color: #9E9E9E;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    height: 36px;
    width: 140px;
    min-width: 64px;
    margin: 6px 8px 6px 8px;
    /*padding: 6px 8px 6px 8px;*/
}
.prov .btn_gray[disabled] {
    background-color: #E0E0E0;
    Color: #757575;
}
/*//////////////////////////////////  DISABLED BUTTON   /////////////////////////////////////////////////////////*/


/*//////////////////////////////////   BUTTONS WITH ICONS START   /////////////////////////////////////////////////////////*/
/* md-button outer container for the icon */

.prov .md-button .icon {
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    height: 36px;
    width: auto;
    margin: 6px 8px 6px 8px;
}
.prov .md-button:not([disabled]) .icon,
.prov .md-button[disabled] .icon {
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    height: 36px;
    width: auto;
    margin: 6px 8px 6px 8px;
    padding: 0px 0px 0px 0px;
}
/*  MD ICON and TEXT WITHIN THE BUTTON */

.prov .md-button:not([disabled]) ng-md-icon,
.prov .md-button[disabled] ng-md-icon {
    /*margin:0px 8px 0px 8px;*/

    vertical-align: middle;
    padding: 0px 0px 0px 0px;
}
.prov .md-button:not([disabled]) .ng-scope,
.prov .md-button[disabled] .ng-scope {
    /*margin: 6px 8px 6px 8px;*/
}
/* CUSTOM ICON BUTTON LOGIN PAGE */

.prov .facebookbtn {
    background-color: #2b4170;
    /* fallback color */
    min-width:70%
background: -moz-linear-gradient(top, #3b5998, #2b4170);
    background: -ms-linear-gradient(top, #3b5998, #2b4170);
    background: -webkit-linear-gradient(top, #3b5998, #2b4170);
    border: 1px solid #2b4170;
    text-shadow: 0 -1px -1px #1f2f52;
    color: white;
}
.prov .facebookbtn:hover {
    background-color: #3b5998;
    /* fallback color */
    min-width:70%
background: -moz-linear-gradient(top, #2b4170, #3b5998);
    background: -ms-linear-gradient(top, #2b4170, #3b5998);
    background: -webkit-linear-gradient(top, #2b4170, #3b5998);
}
.prov .googleplus {
    background-color: #c33219;
    /* fallback color */
    min-width:70%
background: -moz-linear-gradient(top, #e64522, #c33219);
    background: -ms-linear-gradient(top, #e64522, #c33219);
    background: -webkit-linear-gradient(top, #e64522, #c33219);
    border: 1px solid #c33219;
    color: white !important;
    text-shadow: 0 -1px -1px #972412;
}
.prov .googleplus:hover {
    background-color: #e64522;
    /* fallback color */
    min-width:70%
background: -moz-linear-gradient(top, #c33219, #e64522);
    background: -ms-linear-gradient(top, #c33219, #e64522);
    background: -webkit-linear-gradient(top, #c33219, #e64522);
}
.prov .btnTwitter {
    background-color: #0081ce;
    /* fallback color */
    min-width:70%
background: -moz-linear-gradient(top, #00aced, #0081ce);
    background: -ms-linear-gradient(top, #00aced, #0081ce);
    background: -webkit-linear-gradient(top, #00aced, #0081ce);
    border: 1px solid #0081ce;
    text-shadow: 0 -1px -1px #005ea3;
    color: white;
}
.prov .btnTwitter:hover {
    background-color: #00aced;
    /* fallback color */
    min-width:70%
background: -moz-linear-gradient(top, #0081ce, #00aced);
    background: -ms-linear-gradient(top, #0081ce, #00aced);
    background: -webkit-linear-gradient(top, #0081ce, #00aced);
}
.prov .facebookbtn:disabled,
.prov .googleplus:disabled {
    background-color: #E0E0E0;
    /* fallback color */
    min-width:70%
background: -moz-linear-gradient(top, #E0E0E0, #E0E0E0);
    background: -ms-linear-gradient(top, #E0E0E0, #E0E0E0);
    background: -webkit-linear-gradient(top, #E0E0E0, #E0E0E0);
    border: 1px solid #E0E0E0;
    text-shadow: 0 -1px -1px #757575;
    color: #757575;
    font-size: 14px;
    font-weight: 400;
}
/* CUSTOM ICON BUTTON LOGIN PAGE */
/*//////////////////////////////////   BUTTONS WITH ICONS END   /////////////////////////////////////////////////////////*/
/*//////////////////////////////////   BUTTONS END   /////////////////////////////////////////////////////////*/
/*//////////////////////////////////   REGISTER LOGO  /////////////////////////////////////////////////////////*/

.prov .logo_register {
    padding-top: 20px !important;
    margin-bottom:20px;
    width: 180px !important;
    height: 80px;
    position: relative;
}
/*////////////////////////////////////////  TMX TEXTBOX ///////////////////////////////////////////////////////////////*/
.prov form tmx-textbox .tmx-textbox md-input-container{
    margin:0px 16px;
}
.prov .md-input-has-value label:first-child{
    margin-bottom:16px;
}
.prov form tmx-textbox .tmx-textbox md-input-container .md-input-focused label:not(.md-no-float){
    margin-bottom:16px;
}
/* .prov form tmx-textbox {
    padding: 0;
} */
/*////////////////////////////////////////LABEL DEFAUlT///////// ////////////////////////////////////////////*/

.prov form tmx-textbox div md-input-container label,
.prov md-input-container label
{
    font-size: 14px;
    font-weight: 400;
    Color: #0091EA;
    height: 7px;
    margin: 0px 0px 16px 0px;
    /*margin-bottom:8px;*/
}
/*////////////////////////////////////////LABEL DISABLED///////// ////////////////////////////////////////////*/

.prov form tmx-textbox div md-input-container label.disable_label,
    /*.prov md-input-container .md-input[disabled],*/
    /*.prov form tmx-textbox div md-input-container .md-input[disabled]*/
{
    font-size: 14px;
    font-weight: 400;
    Color: #9E9E9E;
    height: 16px;
    padding: 0px 0px 8px 0px;
}
/*////////////////////////////////////////LABEL ERROR///////// ////////////////////////////////////////////*/

.prov form tmx-textbox div md-input-container label.error_label,
.prov md-input-container label.error_label,
.prov tmx-textbox md-input-container .md-input-invalid.md-input-focused label{
    font-size: 14px;
    font-weight: 400;
    Color: red;
    height: 7px;
    padding: 0px 0px 8px 0px;
    width: auto;
}
/*////////////////////////////////////////LABEL END//////////////// ////////////////////////////////////////////*/
/*//////////////////////////////////////// INPUT TEXT FIELD DEFAULT///////// ////////////////////////////////////////////*/

.prov form tmx-textbox div md-input-container .md-input:not([disabled]),
.prov md-input-container .md-input:not([disabled]) {
    font-size: 14px;
    font-weight: 400;
    Color: #9E9E9E;
    /*height: 26px;*/
    border-bottom-color: #9E9E9E;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    /*margin:0px 0px 8px 0px;*/

    padding: 0;
}
/*//////////////////////////////////////// INPUT TEXT FIELD DISABLED///////// ////////////////////////////////////////////*/
.prov form tmx-textbox div md-input-container .md-input[disabled],
.prov md-input-container .md-input[disabled] {
    font-size: 14px;
    font-weight: 400;
    Color: #9E9E9E;
    height: 26px;
    padding: 0;
    /*border-bottom: dotted #9E9E9E 2px;*/
}


/*//////////////////////////////////////// INPUT TEXT FIELD FOCUS///////// ////////////////////////////////////////////*/

.prov form tmx-textbox div md-input-container .md-input:focus,
.prov md-input-container .md-input:focus,
.prov form tmx-textbox div md-input-container.md-input-focused .md-input,
.prov md-input-container.md-input-focused .md-input{
    font-size: 14px;
    font-weight: 400;
    Color: black;
    height: 26px;
    border-bottom-color: #0091EA;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    /*margin:0px 0px 8px 0px;*/

    padding: 0;
}
/*form tmx-textbox md-input-container .md-input.error_input{*/
/*font-size: 12px;*/
/*font-weight: 300;*/
/*Color: black;*/
/*height:26px;*/
/*border-bottom-color: #D84315;*/
/*border-bottom-style: solid;*/
/*border-bottom-width: 2px;*/
/*/!*margin:0px 0px 8px 0px;*!/*/
/*padding: 0px 0px 8px 0px;*/
/*}*/
/*////////////////////////////////////////INVALID FORM START//////////////// ////////////////////////////////////////////*/
/*////////////////////////////////////////INVALID INPUT TEXT FIELD///////// ////////////////////////////////////////////*/

.prov form tmx-textbox div md-input-container.md-input-invalid .md-input,
.prov md-input-container.md-input-invalid .md-input,
.prov form tmx-textbox div md-input-container .md-input.ng-invalid.ng-dirty,
.prov md-input-container .md-input.ng-invalid.ng-dirty
{
    font-size: 14px;
    font-weight: 400;
    Color: black;
    height: 26px;
    border-bottom-color: #D84315;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    /*margin:0px 0px 8px 0px;*/

    padding: 0;
}
/*////////////////////////////////////////ERROR VALIDATION MESSAGES ////////////////////////////////////////////*/

.prov form tmx-textbox div md-input-container.md-input-invalid error-msg div[ng-message],
.prov md-input-container.md-input-invalid error-msg div[ng-message],
.prov form tmx-textbox div md-input-container error-msg div ng-messages,
.prov md-input-container error-msg div ng-messages,
.prov form tmx-textbox div md-input-container error-msg div[ng-messages],
.prov md-input-container error-msg div[ng-messages]{
    font-size: 14px;
    font-weight: 400;
    Color: red;
    padding: 0;
    display: inline-block;

}
/*////////////////////////////////////////INVALID FORM END//////////////// ////////////////////////////////////////////*/
/*////////////////////////////////////////  TMXTEXTBOX CSS END ////////////////////////////////////////////////////////*/
/*//////////////////////////////////////// CHECKBOX IN FORM ///////////// ////////////////////////////////////////////*/

.prov md-checkbox,
.prov form md-checkbox {
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    color: #414141;
    float: left;
    margin:0px;
}
.prov md-checkbox .md-container {
    position: absolute;
    left: -24px;
    width: 48px;
    height: 48px;
    padding: 12px 12px 12px 12px;
    /*margin-right: 12px;*/
}
/*DEFAULT  MD CHECKBOX ICON*/

.prov md-checkbox .md-icon {
    width: 24px;
    height: 24px;
    top: 12px;
    left: 12px;
    background-color: white;
}
/*CHECKED BOX DEFAULT*/
.prov md-checkbox .md-label{
    margin-left:16px;
}
.prov md-checkbox.md-checked .md-icon {
    width: 24px;
    height: 24px;
    top: 12px;
    left: 12px;
    background-color: #0091EA;
}
/*CHECKED BOX WITH CENTERED CHECK IN MD ICON*/

.prov md-checkbox.md-checked .md-icon:after {
    width: 6px;
    height: 15px;
    top: 3px;
    left: 9px;
}
/*//////////////////////////////////////DISABLED CHECKBOX////////////////////////////*/

.prov md-checkbox[disabled] .md-label .ng-scope {
    color: #9E9E9E;
}
/*DISABLED CHECKED CHECK BOX*/

.prov md-checkbox.md-checked[disabled] .md-icon {
    width: 24px;
    height: 24px;
    top: 12px;
    left: 12px;
    background-color: #9E9E9E;
;
}
.prov md-checkbox.md-checked[disabled] .md-icon:after {
    width: 6px;
    height: 15px;
    top: 3px;
    left: 9px;
    background-color: #9E9E9E;
}
/*DISABLED CHECKED CHECK BOXES*/
/*DISABLED UNCHECKED CHECKBOX*/

.prov md-checkbox[disabled] .md-icon {
    width: 24px;
    height: 24px;
    top: 12px;
    left: 12px;
    background-color: white;
}
/*DISABLED UNCHECKED CHECKBOX*/
/*//////////////////////////////////////DISABLED CHECKBOX////////////////////////////*/

.prov md-checkbox .md-label .ng-scope {
    white-space: nowrap;
    /*padding-left: 12px;*/
    padding: 0px 0px 0px 8px;
    color: #414141;
}
/*//////////////////////////////////////// CHECKBOX IN FORM ///////////// ////////////////////////////////////////////*/
/*/////////////////////////////////////////////MD DIALOG//////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////MD DIALOG//////////////////////////////////////////////////////*/
/*////////////////////////////////////////CUSTOM STYLES  for various elements///////////// /////////////////////////////*/
/*Login Screen policy checkbox error validation message*/

.prov .policy_error div[ng-message] {
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin-top:-10px;
}
.prov .md-toolbar-tools > button {
    min-width: 0px;
}
/*////////////////////////////////////////CUSTOM STYLES  for various elements///////////// /////////////////////////////*/

.prov .menu {
    list-style: none;
    border-bottom: 0.1em solid black;
    margin-bottom: 2em;
    padding: 0 0 0.5em;
}
.prov .menu:before {
    content: "[";
}
.prov .menu:after {
    content: "]";
}
.prov .menu > li {
    display: inline;
}
.prov .menu > li:before {
    content: "|";
    padding-right: 0.3em;
}
.prov .menu > li:nth-child(1):before {
    content: "";
    padding: 0;
}
.prov .inputdemoErrors .inputErrorsApp {
    min-height: 48px;
}
.prov .font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-size: 17px;
    src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v11/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}

.verticle-scroll-true
{
    overflow-y: scroll;
}

.welcome-div
{
text-align:center;
}
.modal-open{overflow:hidden}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade 
.modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in 
.modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}
.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-group{z-index:2;margin-left:-1px}
.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad;cursor: pointer;}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}
.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}
.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
.fill-height{
  display: flex;
  flex: 1;
  min-height: 100%;
}

.fill-height > div{
  min-height: 100%;
  display: flex;
}

.side-menu{
  /*background: #F5F5F5;*/
}

.side-menu, .side-menu ul {
  list-style: none;
  padding: 0px;
  margin-top: 0;
}

.side-menu .md-button.active {
  color: white;
  font-weight: 400;
  background-color: #1caf9a;
}

.side-menu .md-button:not(.active):hover{
  background-color: #ffffff;
  color: #1d2939;
}


.side-menu .menu-toggle-list a.md-button {
  display: block;
  padding: 0 16px 0 32px;
  text-transform: none;
  text-rendering: optimizeLegibility;
  font-weight: 400;
  background:#ffffff;
}

.side-menu .menu-toggle-list .md-button {
  display: block;
  padding: 0 16px 0 32px;
  text-transform: none;
}

.side-menu > li > ul{
  background: #FFFFFF;

}

.md-button-toggle .md-toggle-icon.toggled {
  transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
}

.side-menu .md-button-toggle .md-toggle-icon {
  background-size: 100% auto;
  display: inline-block;
  margin: auto 0 auto auto;
  width: 15px;
  color:#a0a5a7;
  transition: transform .3s ease-in-out;
  -webkit-transition: -webkit-transform .3s ease-in-out;
}

.menu-toggle-list.ng-hide {
  max-height: 0;
}

.side-menu .md-button {
  /* border-radius: 3px; */
  cursor: pointer;
  line-height: 40px;
  margin: 0;
  max-height: 48px;
  overflow: hidden;
  text-align: left;
  text-decoration: none;
  white-space: normal;
  width: 100%;
  text-transform: none;
  font-size: 11pt;
  /* padding: 0 10px 0 0; */
}

.menu-toggle-list {
  background: #1d2939;
  max-height: 1300px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1);
  -webkit-transition-property: max-height;
  -moz-transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1);
  -moz-transition-property: max-height;
  transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1);
  transition-property: max-height;
}


.side-menu menu-toggle span{
  padding-top: 12px;
  padding-bottom: 12px;
}

.side-menu md-icon{
  /*margin-right: 12px;*/
  /*color:#8f939e;*/
}


.pull-right{
  float:right;
    padding-top:12px;
}


md-menu-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  /*padding: 13px 0 0px;*/
  max-height: 304px;
  overflow-y: auto;
}




tmx-topbar md-toolbar{
  background-color: #ffffff !important;
}




tmx-topbar md-toolbar{
	background-color: #ffffff !important;
}
tmx-leftbar.leftbar-fixed{
	position:fixed;
	top: 64px;
	left: 0;
	bottom: 0;
	z-index: 80;
	overflow: auto;
}

.width-323-true{
   width:288px;
   max-width:288px;
}


.width-323-false{
	width:0px;
}

tmx-leftbar.leftbar-fixed .md-sidenav-left {
	width: 100%;
	border-right: 1px solid #e0e0e0;
	background: #1d2939;
	padding-top: 8px;
}

tmx-leftbar.leftbar-fixed .md-sidenav-left md-content {
	background-color: #1d2939;
}

/*.side-menu .md-button.active {
	color: #17670F;
	font-weight: 400;
}*/

tmx-leftbar .active{
	color: white !important;
}
tmx-leftbar md-sidenav{
	z-index:65;
}

/*#site-leftnav{
    width:304px;
}*/
tmx-searchbar {
  background: #F5F5F5;
  border-radius: 3px;
  height: 36px;
}

/* Search icon as placeholder */

tmx-searchbar .search-icon {
	color: #757575;
	padding: 0px 8px;
}

/* Search field (autocomplete) */

tmx-searchbar .search-field {
	width: 100%;
	margin: 0 -40px;
}

tmx-searchbar .md-whiteframe-1dp,
tmx-searchbar .md-whiteframe-z1 {
	box-shadow: none;
}
tmx-searchbar md-autocomplete .md-default-theme,
tmx-searchbar md-autocomplete,
tmx-searchbar md-autocomplete md-autocomplete-wrap,
tmx-searchbar md-autocomplete input:not(.md-input) {
	background: none;
  	height: 36px;
}

tmx-searchbar md-autocomplete input:not(.md-input) {
	line-height: 36px;
	padding: 0 48px;
}

/* Placeholder color */

tmx-searchbar md-autocomplete input::-webkit-input-placeholder {
    color: #757575;
}
tmx-searchbar md-autocomplete input:-moz-placeholder {
    color: #757575;
}
tmx-searchbar md-autocomplete input::-moz-placeholder {
    color: #757575;
}
tmx-searchbar md-autocomplete input:-ms-input-placeholder {
    color: #757575;
}


/* Advance Search Button */

tmx-searchbar .advancesearch-button {
	width: 36px;
	height: 36px;
	z-index: 1;
}

tmx-searchbar .advancesearch-button .md-icon-button {
	margin: 0;
	padding: 4px;
	height: 36px;
	width: 36px;
}
breadcrumbs .md-button {
	min-width: auto;
	font-weight: 700;
	text-transform: none;
	font-size: 15px;
	/*margin-left:-112px;*/
}


breadcrumbs .breadcrumb-separator {
	font-size: 24px;
	color: #757575
}

.breadcrumb-span
{
	font-weight: bold;
	padding-left: 6px;
	font-size:15px;
}
tmx-textbox{
    /*padding:16px 0px;*/
}
tmx-textbox .tmx-textbox{
   position:relative;
   /*max-height:50px;*/

   /*margin-bottom:20px;*/
}
tmx-textbox .tmx-textbox .tmx-textbox-icon-clear{
  position:absolute;
  top:6px; 
  right:10px;
  cursor: pointer;
}
tmx-textbox .tmx-textbox .tmx-textbox-icon-clear>md-icon{
  color:red;
  margin: 0px 0px 0px 2px;
}
tmx-textbox .tmx-textbox md-input-container {
/*margin:12px;*/
  padding:0px;
}

/*////////////////////////////////////////  TMX TEXTBOX ///////////////////////////////////////////////////////////////*/
/*form tmx-textbox {*/
    /*padding: 0px 0px 0px 0px;*/
/*}*/
/*////////////////////////////////////////LABEL DEFAUlT///////// ////////////////////////////////////////////*/

tmx-textbox .tmx-textbox md-input-container label
{
            font-size: 14px;
            font-weight: 400;
            height: 16px;
            padding: 0px 0px 8px 0px;
            margin:0px 0px 8px 0px;
}
tmx-textbox .tmx-textbox md-input-container.md-input-has-value label{
    /*margin:0px 0px 8px 0px;*/
}
tmx-textbox .tmx-textbox md-input-container.md-input-invalid.md-input-focused label{
    font-size: 14px;
    font-weight: 400;
    height: 16px;
    padding: 0px 0px 8px 0px;
    margin:0px 0px 8px 0px;
}
tmx-textbox .tmx-textbox md-input-container.md-input-invalid label

{
    font-size: 14px;
    font-weight: 400;
    height: 16px;
    padding: 0px 0px 8px 0px;
    margin:0px 0px 8px 0px;
}
/*////////////////////////////////////////LABEL DISABLED///////// ////////////////////////////////////////////*/

tmx-textbox .tmx-textbox md-input-container label .disable_label {
    font-size: 14px;
    font-weight: 400;
    Color: #9E9E9E;
    height: 16px;
    padding: 0px 0px 8px 0px;
    margin:0px 0px 8px 0px;
}
/*////////////////////////////////////////LABEL ERROR///////// ////////////////////////////////////////////*/
tmx-textbox .tmx-textbox md-input-container [ng-messages] :not(.md-char-counter) {
    color: red;
    padding:8px 0px 0px 0px;
    margin:0px;
}
tmx-textbox .tmx-textbox md-input-container.md-input-invalid.md-input-focused label,
tmx-textbox .tmx-textbox md-input-container.md-input-invalid label{
    font-size: 14px;
    font-weight: 400;
    Color:  red;
    height: 16px;
    width: auto;
    padding:0px 0px 0px 0px;

}
/*////////////////////////////////////////LABEL END//////////////// ////////////////////////////////////////////*/
/*//////////////////////////////////////// INPUT TEXT FIELD DEFAULT///////// ////////////////////////////////////////////*/

tmx-textbox .tmx-textbox md-input-container .md-input:not([disabled]),
{

    Color: #9E9E9E;
    border-bottom-color: #9E9E9E;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
tmx-textbox .tmx-textbox md-input-container .md-input[disabled]{

    Color: #9E9E9E;
    /*border-bottom-color: #9E9E9E;*/
    /*border-bottom-style: dotted;*/
    /*border-bottom-width: 1px;*/
}

tmx-textbox .tmx-textbox md-input-container.md-input-has-value.md-input-invalid label{
    /*Color: #0091EA;*/
    margin-bottom:8px;
    height:7px;
}
/*//////////////////////////////////////// INPUT TEXT FIELD FOCUS///////// ////////////////////////////////////////////*/

/* When field is clicked and its in focus */
/*{*/
    /*font-size: 14px;*/
    /*font-weight: 400;*/
    /*Color: #000000;*/
    /*padding:0px 0px 0px 0px;*/
    /*/!*height: 26px;*!/*/
    /*border-bottom-color: #0091EA;*/
    /*border-bottom-style: solid;*/
    /*border-bottom-width: 2px;*/
/*}*/
tmx-textbox .tmx-textbox md-input-container.md-input-focused .md-input,
tmx-textbox .tmx-textbox md-input-container .md-input:focus
{
    font-size: 14px;

    Color: #000000;
}
tmx-textbox .tmx-textbox  md-input-container.md-input-focused label:not(.md-no-float){
    margin-bottom:8px;
    height:16px;
}
/*////////////////////////////////////////INVALID FORM START//////////////// ////////////////////////////////////////////*/
/*////////////////////////////////////////INVALID INPUT TEXT FIELD///////// ////////////////////////////////////////////*/

tmx-textbox .tmx-textbox md-input-container.md-input-invalid .md-input,
tmx-textbox .tmx-textbox md-input-container.md-input-invalid .md-input,
tmx-textbox .tmx-textbox md-input-container .md-input.ng-invalid.ng-dirty,
tmx-textbox .tmx-textbox md-input-container .md-input.ng-invalid.ng-dirty
{
    font-size: 14px;
    font-weight: 400;
    Color: #424242;
    /*height: 26px;*/
    border-bottom-color: red;
    border-bottom-style: solid;
    border-bottom-width: 2px;

}
/*////////////////////////////////////////ERROR VALIDATION MESSAGES ////////////////////////////////////////////*/

tmx-textbox .tmx-textbox div md-input-container.md-input-invalid error-msg div[ng-message],
tmx-textbox .tmx-textbox div md-input-container error-msg div ng-messages,
tmx-textbox .tmx-textbox div md-input-container error-msg div[ng-messages],

{
    font-size: 12px;
    font-weight: 400;
    Color: red;

}
md-input-container.md-input-invalid error-msg div[ng-message],
md-input-container [ng-messages],
md-input-container error-msg div ng-messages,
md-input-container error-msg div[ng-messages]{
    font-size: 12px;
    font-weight: 400;
    Color: red;
}

/*////////////////////////////////////////INVALID FORM END//////////////// ////////////////////////////////////////////*/
/*////////////////////////////////////////  TMXTEXTBOX CSS END ////////////////////////////////////////////////////////*/



/*Loan application fixes*/
.dynamic-form tmx-datepicker{
    padding-right: 24px;
    padding-top: 0px;
}
.dynamic-form .tmx-datepicker-div {
    margin: 0px 0px 0px 8px;
    width: 100%;
}
.dynamic-form tmx-datepicker .k-picker-wrap .k-input, tmx-datepicker input.k-input {
    /*padding: 7.5px 0px 6px 1px;*/
}


/*////Following two classes are used in search navigation textbox and selectbox to prevent the input from overlapping the cross button///*/
.padding50right {
    padding: 0px 50px 0px 0px !important;
}

md-autocomplete > md-autocomplete-wrap > md-input-container > input{
    padding: 0px 50px 0px 0px !important;

}

.location-input .tmx-locationinput-icon-clear {
    position:absolute;
    top:6px; 
    right:10px;
    cursor: pointer;
  }
.location-input .tmx-locationinput-icon-clear>md-icon{
    color:red !important;
    margin: 0px 0px 0px 2px;
  }

tmx-select{
    /*padding:0px 24px 3px 0px;*/
    /*margin-top:5px;*/

}
tmx-select .tmx-select{
  position:relative;
    /*margin-top:-7px;*/
}
tmx-select .tmx-select md-autocomplete md-autocomplete-wrap md-input-container{
    margin-top:0;
    margin-right:0px;
  /*min-width:10px;*/
}


.tmx-select md-autocomplete[disabled] label::after{
    content:"";
    color:Red;
    padding-left: 2px;
}

.tmx-select md-autocomplete[required] label::after{
    content:"*";
    color:Red;
    padding-left: 2px;
}

tmx-select .tmx-select .tmx-select-icon{
  position:absolute;
  top:10px;
  right:0px;
  cursor: pointer;
}

tmx-select[disabled="true"] .tmx-select .tmx-select-icon{
    display: none;
}

tmx-select .tmx-select .tmx-select-icon-clear{
  position:absolute;
  top:10px;
  right:24px;
  cursor: pointer;
}
tmx-select .tmx-select .tmx-select-icon-clear>md-icon{
  color:red;
  margin: -3px 0px 0px 0px;
}
tmx-select .tmx-select md-input-container {
  padding:0px;
  /*margin-top:2px;*/
    /*margin:-4px 24px 0px 0px;*/
}
tmx-select .tmx-select md-input-container input{
    /*padding:14px 0px 8px 0px;*/
    /*height:16px;*/
}
tmx-select .tmx-select label{
    Color: #9e9e9e;
    height:16px;
    font-size: 14px;
    font-weight: 400;
    margin:0px 0px 8px 0px;
}
.md-select-has-value label:first-child {
  color: #0091EA !important;
}
tmx-select .tmx-select md-input-container .md-input.ng-invalid.ng-dirty,
tmx-select .tmx-select md-input-container.md-input-focused .md-input{
    padding:0px 0px -2px 0px;
}

tmx-select .tmx-select md-input-container.md-input-invalid label{
    color:red;
    padding:0px 0px 0px 0px;
    height:16px;
    font-size: 14px;
    font-weight: 400;
    margin:0px 0px 8px 0px;
}
tmx-select .tmx-select md-input-container.md-input-invalid.md-input-focused label{
    font-size: 14px;
    font-weight: 400;
    color:red;
    padding:0px 0px 0px 0px;
    margin:0px 0px 8px 0px;
    height:7px;
}
.ng-scope.flex.md-input-has-value.ng-animate.md-input-invalid:not(.md-input-focused) label{

    height:16px !important;
    color: red !important;
}

.ng-scope.flex.md-input-focused:not(.md-input-has-value) label{

    height:16px !important;
}


tmx-select.tmx-select-required label::after{
    content: "*";
    color: Red;
    padding-left: 2px;
}

tmx-select .tmx-select md-input-container.md-input-focused label {
margin:0px;
}

tmx-select .tmx-select md-input-container.md-input-focused label {
    margin-bottom:8px;
}

md-input-container.md-default-theme .md-input[disabled], md-input-container .md-input[disabled], md-input-container.md-default-theme .md-input [disabled], md-input-container .md-input [disabled] {

    color: #9E9E9E !important;
}


.md-autocomplete-suggestions li
{
    line-height:24px !important;
}

.autocomplete-custom-template li {
    border-bottom: 1px solid #ccc;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: normal;
  }
  .autocomplete-custom-template li:last-child {
    border-bottom-width: 0;
  }
  .autocomplete-custom-template .item-title,
  .autocomplete-custom-template .item-metadata {
    display: block;
    line-height: 2;
  }
  .autocomplete-custom-template .item-title md-icon {
    height: 18px;
    width: 18px;
  }
body {
  background-color: #eee;
}
  /* left: 0; */

.showbox {
  position: absolute;
  top: -15px;
  bottom: 0;
  right: 0;
  width: 50px;
}
  /* margin: 0 auto; */
/* top:-60px; */
.select-loader {
  position: relative;
  width: 60px;
  float: right;
  
}
.select-loader:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 3s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 3s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%,
  0% {
    stroke: #1caf9a;
  }
  40% {
    stroke: #1caf9a;
  }
  66% {
    stroke: #1caf9a;
  }
  80%,
  90% {
    stroke: #1caf9a;
  }
}
@keyframes color {
  100%,
  0% {
    stroke: #1caf9a;
  }
  40% {
    stroke: #1caf9a;
  }
  66% {
    stroke: #1caf9a;
  }
  80%,
  90% {
    stroke: #1caf9a;
  }
}
.datepicker-clear-span
{
    position: absolute;
    top: 0px;
    right: 10px;
}

.date-picker-wrap-div{
    position: relative;
}
.datepicker-clear-icon
{
    color:red !important;margin:0px 13px 0px 2px;
}

tmx-datepicker {
      /* padding-right:24px;   */
    /* padding-top:20px; */
    max-height:95px;
    height:95px;
}

/* .icon-position{
    margin:0px !important;
} */
tmx-datepicker .tmx-datepicker label{
    color:#0091EA;
    font-size:14px;
    padding: 0px 0px 8px 0px;
    font-weight:400;

}

tmx-datepicker span.k-datetimepicker{
   width:100%;
    padding:0px;
    border-width:0px;
}
tmx-datepicker .k-picker-wrap.k-state-default{
     border:none;
    padding:0px 0px 0px 0px;


}
tmx-datepicker span.k-datetimepicker .k-select,
tmx-datepicker span.k-datetimepicker .k-select+.k-select{
    left:0px;
}

.datepicker_format
{
    color:#9E9E9E;
    font-size:12px;
    padding-top:10px;
}

tmx-datepicker .k-picker-wrap.k-state-default>.k-select,
tmx-datepicker .k-datetimepicker .k-select{
    border:none;
    width:0px;
    /*border-right:solid #f0f0f0 1px;*/
    height:48px;
    /*width:48px;*/

}
tmx-datepicker .k-datetimepicker .k-picker-wrap .k-icon{
    width:18px;
    margin: 9px 0px 0px 0px;
    display:none;
    /*margin:16px;*/
    /*width:24px;*/
    /*height:24px;*/
}

tmx-datepicker .k-picker-wrap .k-input,
tmx-datepicker  .k-picker-wrap.k-state-hover .k-input,
tmx-datepicker input.k-input{
    padding: 0px 0px 0px 0px;
    max-width: 100%;
    /* border: none; */
    text-indent: 0px;
    line-height: 2px;
    border-bottom: solid #E1E1E1 1px !important;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    width: 100%;

}

.search4{
    height: 150px;
    width: 260px;
}

tmx-datepicker md-input-container .k-state-disabled input.k-input {
   border:none;
   cursor: auto;

}
tmx-datepicker input.k-input.DateInvalid {
    border-bottom:solid red 2px;

}

tmx-datepicker input.k-input[placeholder]{
    line-height: initial;
    box-shadow: none;
}
tmx-datepicker .date-arrow{
    margin: 0px 0px 0px 270px;
    position:absolute;
    top:115%;

}
tmx-datepicker md-icon:focus{
   border:none;
    outline:none;
}
tmx-datepicker .k-picker-wrap.k-state-disabled{

    /*color:#BDBDBD;*/
    padding:0px 0px 0px 0px;
    border:none;
}

tmx-datepicker{
    background-color:#fcfcfc !important;
    font-size:24px;
    margin: 0px;
    /* padding-right:8px; */
    /* margin:0px 28px 0px 0px; */
}

.calenderIcon {
    position: absolute;
    right: -10px;
    top: 0px;
    min-width: 0px !important;
}

.tmx-datepicker-div
{
    width:100%
}


/*//////////////CALENDER POPUP CSS//////////////*/

.k-calendar .k-content,
.k-calendar .k-content th{
    padding:8px;
    text-align:center;

}
.k-calendar .k-link.k-state-hover{
    background-color:#0091EA;
}

.k-calendar .k-header,
.k-calendar .k-state-selected>.k-link
{
    background-color:#0091EA;
}
.k-calendar .k-header .k-link.k-nav-prev,
.k-calendar .k-header .k-link.k-nav-next{
    border-radius: 100%;
}
.k-calendar .k-link{
    border-radius:100%;
}

/*.k-calendar table.k-content thead tr{*/
    /*height:48px;*/
/*}*/
.k-calendar .k-header .k-link{
    font-weight:700;
    font-size: 16px;
}


tmx-datepicker md-input-container label:not(.md-no-float):not(.md-container-ignore).tmx-datepicker-label{
    margin-bottom:8px;
}
tmx-datepicker md-input-container.md-input-has-value:not(.md-input-invalid) label:first-child{
    margin-bottom:0px;
}
.mdp-animate-next {
  opacity: 0;
  -webkit-transform: translate3d(50%, 0, 1px);
          transform: translate3d(50%, 0, 1px);
}
.mdp-animate-next-remove {
  -webkit-transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  opacity: 0;
  -webkit-transform: translate3d(50%, 0, 1px);
          transform: translate3d(50%, 0, 1px);
}
.mdp-animate-next-remove-active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 1px);
          transform: translate3d(0, 0, 1px);
}
.mdp-animate-prev {
  opacity: 0;
  -webkit-transform: translate3d(-50%, 0, 1px);
          transform: translate3d(-50%, 0, 1px);
}
.mdp-animate-prev-remove {
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  opacity: 0;
  -webkit-transform: translate3d(-50%, 0, 1px);
          transform: translate3d(-50%, 0, 1px);
}
.mdp-animate-prev-remove-active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 1px);
          transform: translate3d(0, 0, 1px);
}
@-webkit-keyframes mdp-animation-bounce {
  from {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes mdp-animation-bounce {
  from {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.mdp-animation-zoom.ng-enter {
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: mdp-animation-bounce;
          animation-name: mdp-animation-bounce;
}
.mdp-datepicker {
  max-height: initial;
  min-width: 234px;
}
.mdp-datepicker * {
  outline: 0;
}
.mdp-datepicker .md-actions {
  width: 100%;
  padding: 0px 5px;
}
.mdp-calendar-week-days {
  font-size: 0.75rem;
  opacity: 0.6;
}
.mdp-calendar-week-days > * {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 0 5px;
  padding: 0;
  min-width: 0px;
  min-height: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
.mdp-calendar-days {
  font-size: 1rem;
  max-width: 100%;
}
.mdp-calendar-days .md-button,
.mdp-calendar-days .mdp-day-placeholder {
  width: 32px;
  height: 32px;
  margin: 0 5px;
}
.mdp-calendar-days .md-button {
  cursor: pointer;
  border-radius: 50%;
  font-size: 12px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0;
  min-width: 0px;
  min-height: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
.mdp-calendar-days .md-button[disabled]:not(.md-accent) {
  background-color: transparent !important;
}
.mdp-calendar-monthyear {
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 32px;
  min-height: 32px;
}
.mdp-datepicker-date,
.mdp-datepicker-day,
.mdp-datepicker-dow,
.mdp-datepicker-month {
  font-size: 1.8rem;
  opacity: 0.6;
}
.mdp-datepicker-date:not(.active),
.mdp-datepicker-day:not(.active),
.mdp-datepicker-dow:not(.active),
.mdp-datepicker-month:not(.active) {
  cursor: pointer;
}
.mdp-datepicker-date.active,
.mdp-datepicker-day.active,
.mdp-datepicker-dow.active,
.mdp-datepicker-month.active,
.mdp-datepicker-date:hover,
.mdp-datepicker-day:hover,
.mdp-datepicker-dow:hover,
.mdp-datepicker-month:hover {
  opacity: 1;
}
.mdp-datepicker-year {
  font-size: 0.9rem;
  opacity: 0.6;
  padding: 0;
  margin: 0;
}
.mdp-datepicker-year:not(.active) {
  cursor: pointer;
}
.mdp-datepicker-year.active,
.mdp-datepicker-year:hover {
  opacity: 1;
}
.mdp-datepicker-select-year {
  height: 232px;
}
.mdp-datepicker-select-year .repeated-year {
  text-align: center;
}
.mdp-datepicker-select-year .repeated-year .md-button {
  width: 100%;
  margin: 0;
  border-radius: 0;
  padding: 0;
  font-size: 1.0rem;
  line-height: 42px;
}
.mdp-datepicker-select-year .repeated-year .md-button.current {
  font-size: 1.8rem;
  line-height: 42px;
}
.mdp-datepicker-select-year .md-virtual-repeat-container,
.mdp-datepicker-select-year .md-virtual-repeat-offsetter,
.mdp-datepicker-select-year .md-virtual-repeat-scroller {
  height: 100%;
  width: 100%;
}
mdp-date-picker > md-input-container.md-has-icon {
  padding-left: 40px;
}
mdp-date-picker .md-button.md-icon-button {
  margin: 18px 0 0 0;
}
.mdp-datepicker:not(.portrait) .mdp-datepicker-select-year {
  width: 309px;
}
.mdp-datepicker:not(.portrait) .mdp-calendar {
  margin-right: 5px;
  width: 294px;
  margin-left: 10px;
}
.mdp-datepicker:not(.portrait) .mdp-datepicker-date-wrapper {
  width: 150px;
}
.mdp-datepicker:not(.portrait) .mdp-datepicker-dow {
  width: 100%;
  display: block;
}
.mdp-datepicker:not(.portrait) .mdp-calendar-week-days > *,
.mdp-datepicker:not(.portrait) .mdp-calendar-days > * {
  width: 42px;
}
.mdp-datepicker .mdp-datepicker-date-wrapper {
  padding: 16px 35px 16px 16px;
}
.mdp-datepicker md-dialog-content {
  overflow: hidden;
  padding: 0px;
}
.mdp-datepicker md-dialog-content .mdp-calendar {
  width: 294px;
  overflow-x: hidden;
}
.mdp-datepicker.portrait {
  max-width: 234px;
}
.mdp-datepicker.portrait .mdp-calendar {
  text-align: center;
  width: 100%;
}
.mdp-datepicker.portrait .mdp-datepicker-select-year {
  height: 252px;
}
.mdp-datepicker.portrait md-dialog-content > * {
  width: 100%;
}
.mdp-datepicker.portrait .mdp-calendar-week-days,
.mdp-datepicker.portrait .mdp-calendar-days,
.mdp-datepicker.portrait .md-actions {
  padding: 0 5px;
}
.mdp-datepicker.portrait .md-actions {
  margin-top: 20px;
}
.mdp-datepicker.portrait .mdp-calendar-week-days > *,
.mdp-datepicker.portrait .mdp-calendar-days > * {
  width: 32px;
}
mdp-calendar {
  display: block;
}
.mdp-calendar-week-days {
  width: 100%;
}
.mdp-calendar-week-days > * {
  margin: 0;
}
.mdp-calendar-days .md-button,
.mdp-calendar-days .mdp-day-placeholder {
  margin: 0;
}
.mdp-clock {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  cursor: pointer;
  padding: 24px;
  background: #ededed;
}
.mdp-clock .md-button {
  box-shadow: none !important;
  background-color: transparent;
  display: block;
  position: absolute;
  min-height: 32px;
  width: 32px;
  height: 32px;
  font-size: 12px;
  line-height: 32px;
  margin: 0;
  padding: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mdp-clock .mdp-clock-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.mdp-clock .mdp-pointer {
  min-height: 0px;
  width: 1px;
  height: 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  z-index: 0;
  pointer-events: none;
}
.mdp-clock .mdp-clock-center {
  min-height: 0px;
  height: 6px;
  width: 6px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}
.mdp-clock .md-button.mdp-clock-selected {
  position: absolute;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  bottom: -8px;
  left: 0px;
  min-width: 0;
  min-height: 0;
  pointer-events: none;
}
.mdp-timepicker .mdp-clock-switch-container {
  padding: 20px;
  width: 309px;
}
.mdp-timepicker .mdp-timepicker-time {
  padding: 15px;
}
.mdp-timepicker .mdp-timepicker-selected-time {
  font-size: 3rem;
}
.mdp-timepicker:not(.portrait) .mdp-timepicker-time {
  width: 138px;
}
.mdp-timepicker.portrait .mdp-timepicker-selected-time {
  font-size: 4rem;
  margin-right: 1.5rem;
}
mdp-time-picker md-input-container.md-has-icon {
  padding-left: 40px;
}
mdp-time-picker .md-button.md-icon-button {
  margin: 18px 0 0 0;
}
.mdp-timepicker-selected-time > span,
.mdp-timepicker-selected-ampm > span {
  outline: 0;
  opacity: 0.6;
}
.mdp-timepicker-selected-time > span:not(.active),
.mdp-timepicker-selected-ampm > span:not(.active) {
  cursor: pointer;
}
.mdp-timepicker-selected-time > span.active,
.mdp-timepicker-selected-ampm > span.active {
  opacity: 1;
}
.mdp-clock-deg0 {
  top: 0%;
  left: 50%;
}
.mdp-clock-deg30 {
  top: 6.69872981%;
  left: 75%;
}
.mdp-clock-deg60 {
  top: 25%;
  left: 93.30127019%;
}
.mdp-clock-deg90 {
  top: 50%;
  left: 100%;
}
.mdp-clock-deg120 {
  top: 75%;
  left: 93.30127019%;
}
.mdp-clock-deg150 {
  top: 93.30127019%;
  left: 75%;
}
.mdp-clock-deg180 {
  top: 100%;
  left: 50%;
}
.mdp-clock-deg210 {
  top: 93.30127019%;
  left: 25%;
}
.mdp-clock-deg240 {
  top: 75%;
  left: 6.69872981%;
}
.mdp-clock-deg270 {
  top: 50%;
  left: 0%;
}
.mdp-clock-deg300 {
  top: 25%;
  left: 6.69872981%;
}
.mdp-clock-deg330 {
  top: 6.69872981%;
  left: 25%;
}
.mdp-clock-deg360 {
  top: 0%;
  left: 50%;
}
.textarea md-input-container label{
    font-size: 14px;
    font-weight: 400;
    height: 16px;
    margin: 0px 0px 16px 0px;
}

.textarea md-input-container.md-input-invalid.md-input-focused label,
.textarea md-input-container.md-input-invalid label{
    font-size: 14px;
    font-weight: 400;
    Color: red;
    height: 16px;
    width: auto;
    padding: 0px 0px 0px 0px;
}

.textarea md-input-container.md-input-invalid.md-input-focused label{
    font-size: 14px;
    font-weight: 400;
    height: 16px;
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 16px 0px;
}


.addressValidity{

    color:red;
    font-weight: 400;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 12px;
    opacity: 1;

}

.setting-icon
{
width:20%;
float:right;
}



.addressValidity{

    color:red;
    font-weight: 400;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 12px;
    opacity: 1;

}
h3 img {
    max-height: 50px;
}
#map { 
    height: 400px;
    margin: 0px 20px 0px 20px;
    border-radius: 5px;
    border: 1px solid silver;
}
.map-search-icon{
    margin: 40px 0px 0px -25px;
}

tmx-search-bar {

}

tmx-search-bar .md-has-icon {
    padding-left: 0px !important;
}


tmx-search-bar .search-suggestions-container {

    margin-left: 25px;
    background-color: white;
    overflow-y: scroll;
    border-bottom: 1px solid rgb(245, 245, 245);
    border-left: 1px solid rgb(245, 245, 245);
    border-right: 1px solid rgb(245, 245, 245);
    z-index: 1000;
    max-height: 250px;
}

tmx-search-bar #no-search-suggestion-item {
    max-height: 30px;
}

tmx-search-bar #search-suggestion-text {
    color: rgb(0, 145, 234);
}

tmx-search-bar .search-suggestions md-checkbox {
    margin-bottom: 10px !important;
}

tmx-search-bar .search-suggestions {
  
    margin-left: 10px;
    padding-top: 10px;
    
}

.tmx-contact-icon-clear {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
};

.dialog-data-color{
    color: darkcyan !important;
}

.dialog-agentdetail-padding{
    padding-left: 32px !important;
}

.dialog-width{
    width : 80% !important;
}

.dialog-listviewheader-background{
    background-color: white;
    color: #a8a8a8;
}

.dialog-listview-background{
    background-color: white;
   
}
.dialog-cancel-div-padding{
    padding-right: 31px !important;
}
.dialog-button-padding{
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.dialog-content-width{
    width : 100% !important;
}
.No-Data-text-color{
    color: red;
}

.Info-last-login-span-width{
    width : 150px !important;
}