.hideContent
{
    display:none !important;
}

        /*#region ############################################### CUSTOMER DETAIL ###############################################*/
      
            .Header_Close_Button_Row
            {
                height:44px;
                position:absolute;
                right:14px;
                top:1px;

            }

            .contentCover
        {
            background-color: rgba(0, 0, 0, .85);
            background-image: url(/Content/Images/Dead.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: 250px;
            display: block;
            height: 100vmax;
            left: 0;
            position: absolute;
            text-align: center;
            top: 99px;
            width: 100%;
            z-index: 9999;
        }
            .customerDetail_head_Container
           {
                width: calc(100% - 35px);
                padding: 10px;
                z-index: 500;
                background: #93a3ba;
                height: 40px;
                border-top-left-radius: 20px;
                border-top-right-radius: 20px;
                margin-left: 5px;
                border: 2px solid #4b5056;
           }
            .detailHeader
           {
               display:flex;
               font-weight:bold;
               font-size:2.5em;
             
                justify-content:center;
                text-align:center;
                color:white;
           }





.div_CustomerDetailMagnet_Class {
    display:flex;

    height: auto;
    padding: 6px 5px;
    background: rgb(194, 200, 202);
    text-align: left;
    margin-top: 12px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 25px;
}
@media screen and (max-width:981px) {

    .div_CustomerDetailMagnet_Class {
        flex-direction: column;
    }
}

            .div_CustomerDetailMagnet_ContactInfoOuterContainer
           {
                display:flex;
                flex-direction:column;
                width:100%;
                position:relative;
                border:2px solid #4D6E96;
                padding-bottom: 15px !important;
                border-radius: 15px;
           }

            .div_CustomerDetailMagnet_CustomerColumn
            {
                display:flex;     
                width:60%;
                border:3px solid #a2a1a3;
                 border-radius:15px;
                 vertical-align:top;
                   text-align:left;
                   background:#a2a1a3;

         
            }
            

            .div_CustomerDetailMagnet_Boxes
            {
               
                display:flex;
                flex-direction:row;
            }
            
            .div_CustomerDetailMagnet_LeftBox,  .div_CustomerDetailMagnet_RightBox
            {
               
                width: 50%;
                position:relative;
            }

           
        

            
            .div_EditButton_img
            {
                height: 30px;
                position: absolute;
                right: 5px;
                top: 4px;
                cursor:pointer;
            }



.divCustomerDetail_CustomerStatus {
    margin-left: 25px;
    margin-top: 20px;
    font-size: .6em;
    font-weight: bold;
    color: rgb(194, 200, 202);
}



.customerNameRow_Container {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items:center;
}



.divCustomerDetail_CustomerName {
    display: flex;
    margin-left: 25px;
    font-size: .9em;
    font-weight: bold;
    color: #2265c6;
    padding-left: 10px;
}



.divCustomerDetail_ID {
    display: flex;
    margin-left: 5px;
    font-size: .5em;
    font-style: italic;
    color: #2265c6;
    margin-top: 5px;`
}




.customerTypeBox {
    padding: 2px 15px;
    display: flex;
    border-radius: 10px;
    margin: 5px 10px 5px 35px;
    justify-content: flex-start;
    align-items: center;
    font-size: 28px;
    font-weight: bold;
    width: fit-content;
    cursor:pointer;
}

.ctype_1 {
    background: #4F81BD;
    color: white;
}

.ctype_2 {
    background: #EDF53F;
    color: black;
}

.ctype_3 {
    background: #3FC2CD;
    color: white;
}

.ctype_4 {
    background: #a71930;
    color: white;
}

.ctype_5 {
    background: #c6c0c0;
    color: white;
}






.divCustomerDetail_City {
    margin-left: 40px;
    font-size: .6em;
    font-style: italic;
    color: #0e418a;
}

            .divBlueLineSpacer
                    {
                       border: 5px solid #2265c6;
                        margin: 10px 10px 5px 5px;
                    }


            
            .div_CustomerDetailMagnet_PrimaryContact_Container, .div_CustomerDetailMagnet_WorkPhone_Container, .div_CustomerDetailMagnet_MobilePhone_Container, .div_CustomerDetailMagnet_Email_Container, .div_CustomerDetailMagnet_Address_Container, .div_CustomerDetailMagnet_City_Container, .div_CustomerDetailMagnet_State_Container, .div_CustomerDetailMagnet_Zip_Container
            {
                display:flex;
                align-items:center;

            }

.div_CustomerDetailMagnet_LeftBox {
    border-radius: 5px;
}
.div_CustomerDetailMagnet_RightBox {
   
    border-radius:5px;
}

.customer-address-block {
    display: flex;
    align-items: center;
    cursor:pointer;
}
.address_block {
  
}

.div_CustomerDetailMagnet_Address_Container {
    display: flex;
    flex-direction: row;
    align-items:center;

}

.addressIcon {
    color: white;
    padding-left: 10px;
    font-size: 40px;
}
.div_CustomerDetailMagnet_Address
{
    padding-left:10px;
}

.div_EditPrimaryContactContainer {
    display: flex;
    position: absolute;
    right: 5px;
    top: 5px;
    border: 1px solid #706b70;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    background: #fff89e;
}
    .div_EditPrimaryContactContainer:hover {
        background: #d8d858;
    }




    .div_CustomerDetailMagnet_PrimaryContact_Label, .div_CustomerDetailMagnet_WorkPhone_Label,
    .div_CustomerDetailMagnet_MobilePhone_Label, .div_CustomerDetailMagnet_Email_Label,
    .div_CustomerDetailMagnet_Address_Label, .div_CustomerDetailMagnet_City_Label,
    .div_CustomerDetailMagnet_State_Label, .div_CustomerDetailMagnet_Zip_Label {
        color: #e8ebec;
        font-size: .55em;
        font-weight: bold;
        display: flex;
        width: 140px;
        align-items: flex-start;
        justify-content: flex-start;
        padding-left: 20px;
    }
                        .div_CustomerDetailMagnet_PrimaryContact,  .div_CustomerDetailMagnet_WorkPhone, .div_CustomerDetailMagnet_MobilePhone, .div_CustomerDetailMagnet_Email, .div_CustomerDetailMagnet_Address, .div_CustomerDetailMagnet_City, .div_CustomerDetailMagnet_State, .div_CustomerDetailMagnet_Zip
                        {
                            display:flex;
                             justify-content: flex-start;
                
                            margin-left:5px;
                            font-weight:bold;
                            color:white;
                            font-size:.7em;
                        }

           

            a:link
            {
              
                text-decoration:none !important;
                font-weight:bold;
                color:white;
                font-size:1em;
            }

            .div_CustomerDetailMagnet_LeadsCol
            {
               display:inline-flex;
               margin-left:.5%;
                width:37%;
                border:3px solid white;
                 border-radius:15px;
                flex-direction:column;
                vertical-align:top;
                height:315px;
            }

    /*###### MOBILE FORMAT ####################################################################*/
                @media screen and (max-width:981px) {
            .div_CustomerDetailMagnet_CustomerColumn
            {
                width:100%;
            }
            .div_CustomerDetailMagnet_Boxes
            {
                flex-direction:column;
            }
            .div_CustomerDetailMagnet_LeftBox, .div_CustomerDetailMagnet_RightBox {
                    width: 100%;
                }
            .div_CustomerDetailMagnet_LeadsCol { width:100%;  }


            .div_CustomerDetailMagnet_PrimaryContact_Label, .div_CustomerDetailMagnet_WorkPhone_Label, .div_CustomerDetailMagnet_MobilePhone_Label, .div_CustomerDetailMagnet_Email_Label, .div_CustomerDetailMagnet_Address_Label, .div_CustomerDetailMagnet_City_Label, .div_CustomerDetailMagnet_State_Label, .div_CustomerDetailMagnet_Zip_Label{
                width: 150px;
                align-items: flex-start;
                justify-content: flex-start;
            }

            .div_CustomerDetailMagnet_LeadOwner
            {
                width:100% !important;
            }

            
            .div_CustomerDetailMagnet_RightBox {
                border:0 !important;
                margin-top:10px !important;
                border-top : 10px solid #A7CCEC !important;
                padding-top : 5px !important;
            }

            }





            .div_CustomerDetailMagnet_LeadRow
            {
                display: flex;
                margin: 5px;
                padding-bottom: 10px;
                flex-direction: column;
                align-items: center;
            } 
                .div_CustomerDetailMagnet_LeadBadge
                {
                    display:inline-flex;
               
                }
                .div_CustomerDetailMagnet_LeadBadge_IMG
                {
                    height:100px;
                 
                }

                .div_CustomerDetailMagnet_LeadStage
                {
                  
                     margin-bottom:5px;
                    display:flex;
                    align-items:center;

                }
                .div_CustomerDetailMagnet_LeadStage_IMG
                {
                    height:94px;
                }

                .div_CustomerDetailMagnet_LeadOwner
                {
                    display:flex;
                    margin-top:5px;
                    font-size:.7em;
                    color:white;
                    font-weight:bold;
                    align-items: center;
                    width:82%;
                   
                    border-top: 10px solid #2265c6;
                }

            .div_CustomerDetailMagnet_ColorFields_Container
            {
                display:flex;
                margin-top:2px;
				margin: 6px 5px;
            }
			.div_CustomerDetailMagnet_ColorPill_Value {
				font-size: 20px;
				font-weight: bold;
			}
			.div_CustomerDetailMagnet_ColorPills{
				display: inline-flex;
				flex-direction: column;
				flex: 1;
				color:black;
				font-size:.4em;
				border-radius:8px;
				padding: 6px;
				justify-content: center;
				text-align: center;
			}

                .div_CustomerDetailMagnet_lastTouched
                {
                    background:rgba(227,212,173,.9);
                    width:48%;
                }
                .div_CustomerDetailMagnet_QueueDate
                { 
                    background:rgba(255, 255, 204, 0.95);
                    cursor:pointer;
					margin: 0 1%;
                     width:46%;
                }
        /*#endregion */
           

        .div_My_DataRow
        {
           
        }

                    .my_ComboBox
                        {
                           
                            height: 35px;
                            font-weight:bold;
                            font-size: 1.2em;
                            width: 400px;
                            padding-left:10px;
                         
                        }
                    .my_ComboBox_Null
                        {
                            font-weight: bold;
                            height: 35px;
                            font-size: 1.0em;
                            width: 400px;
                            font-style: italic;
                        }
    
                        .div_My_DataRow
                        {
                            margin-top:3px;
                            display:flex;
                            width: 100%;
                            min-height: 40px;
                            align-items:baseline;
                            padding-top:7px;

                        }
                        .div_DataRows_CaptionCol
                        {
                           display:flex;
                           width:25%;
                           padding-right: 7px;
                           justify-content:flex-end;
                       
                        }
                        .div_My_Caption
                        {
                            font-size:.5em;
                            line-height:1em;
                            font-weight:bold;
                            color:white;

                        }
                        .div_DataRows_ValueCol
                        {
                            display:flex;
                            width:75%;
                            padding-left: 10px;
                        }
                        .div_MyDataRow_Value
                        {
                            font-size:.8em;
                            font-weight:bold;
                            color:white;
                            text-align:left;
                        }
                        .div_DataRows_EditCol
                        {
                            display:flex;
                            width:75%;
                         
                        }

                      
                        /*.dxeNullText .dxeEditArea, .dxeNullText .dxeMemoEditArea
                        {
                            color:rgb(220, 215, 215);
                            font-size:14px;
                            
                        }*/

                        /*.my_ComboBox
                        {
                            font-style:italic;
                            font-size:.5em;
                            width:80%;
                        }*/


                        .dxeEditAreaSys, .dxeMemoEditAreaSys, input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys
                        {
                            font-size:16px !important;
                        }



                        .teamPlayerCard_TextBox
                        {
                             height: 35px;
                            font-weight:bold;
                            font-size: 1.2em;
                            width: 400px;
                            padding-left:10px;
                        }

                        .teamPlayerCard_Textbox_Null
                        {
                            color:rgb(220, 215, 215);
                            font-style: italic;
                             font-weight:normal;
                        }