diff --git a/Customers/Customers.master b/Customers/Customers.master index 6ff0047..6d58aed 100644 --- a/Customers/Customers.master +++ b/Customers/Customers.master @@ -134,33 +134,9 @@ #Image1{ margin-right: -320px; } - .modal-dialog { - width: 800px; - } - #contfluid { - width: 800px; - } - - .modal-content { - width: 800px; - display: block; - overflow-x: no-content; - } - - .modal-header { - width: 800px; - } - - .modal-body { - /* background-color:#043381;*/ - background-color: #fff; - color: #043381; - width: 800px; - } - .modal-footer { - width: 800px; - } + width: 400px; + } } @media (max-width: 558.98px) { wrapper{ @@ -184,31 +160,31 @@ margin-right: 320px; } .modal-dialog { - width: 400px; + width: 800px; + margin-right:50px; } #contfluid { - width: 400px; + width: 800px; } .modal-content { - width: 400px; + width: 800px; display: block; overflow-x: no-content; } - .modal-header { - width: 400px; + width: 800px; } - .modal-body { /* background-color:#043381;*/ background-color: #fff; color: #043381; - width: 400px; + width: 800px; + margin-left:-20px; } .modal-footer { - width: 400px; + width: 800px; } } @@ -234,26 +210,24 @@ margin-right: 320px; } .modal-dialog { - width: 400px; + width: 300px; } #contfluid { - width: 400px; + width: 300px; } .modal-content { - width: 400px; + width: 300px; display: block; overflow-x: hidden; } .modal-header { - width: 400px; - } - - + width: 300px; + } .modal-footer { - width: 400px; + width: 300px; } } diff --git a/css/Customers/MasterpageCustomers.css b/css/Customers/MasterpageCustomers.css index fa318dd..2fd84f5 100644 --- a/css/Customers/MasterpageCustomers.css +++ b/css/Customers/MasterpageCustomers.css @@ -144,13 +144,15 @@ ContentPlaceHolder1 { } .modal-dialog { width: 400px; + margin-left:0px; } #contfluid { width: 400px; } .modal-content { - width: 400px; + width: 300px; display: block; + overflow-x: no-content; } .modal-header { @@ -158,30 +160,8 @@ ContentPlaceHolder1 { } ul{ width:400px; - } - .modal-body { - /* background-color:#043381;*/ - background-color: #fff; - color: #043381; - width:400px; - } - .modal-footer { - width: 400px; - } - #exampleModalLabel { - font-size: 12px; - } - .modal-body { - /* background-color:#043381;*/ - background-color: #fff; - color: #043381; - width: 400px; - } - .modal-header { - background-image: linear-gradient(to right, #003680, #0055cc); - color: #fff; - width: 400px; - } + } + #Image1 { width: 45%; height: 45%; @@ -352,11 +332,6 @@ ContentPlaceHolder1 { padding-bottom: 0px; height: 86px; } - - #exampleModalLabel { - font-size: 12px; - } - .modal-body { /* background-color:#043381;*/ background-color: #fff; @@ -364,11 +339,24 @@ ContentPlaceHolder1 { width: 400px; } + .modal-content { + width: 400px; + display: block; + overflow-x: no-content; + } + .modal-header { background-image: linear-gradient(to right, #003680, #0055cc); color: #fff; + width: 800px; + } + + .modal-footer { width: 400px; } + #exampleModalLabel { + font-size: 12px; + } } #dropdownmenuecont ul li .button { font-size: 17px; @@ -382,7 +370,7 @@ ContentPlaceHolder1 { color: #043381; border: hidden; } - } + @media (min-width: 556.98px) { body { font-family: 'Poppins', sans-serif; @@ -447,12 +435,25 @@ ContentPlaceHolder1 { /* background-color:#043381;*/ background-color: #fff; color: #043381; - width:400px; + width: 800px; + } + .modal-content { + width: 800px; + display: block; + overflow-x: no-content; } .modal-header { background-image: linear-gradient(to right, #003680, #0055cc); color: #fff; - width:400px; + width: 800px; + } + + .modal-footer { + width: 800px; + } + + #exampleModalLabel { + font-size: 12px; } #divueberdropdown { margin-right: 7px; @@ -497,36 +498,5 @@ ContentPlaceHolder1 { } #contfluid { width: 600px; - } - .modal-content { - width: 400px; - display: block; - overflow-x: no-content; - } - .modal-header { - width: 400px; - } - .modal-body { - /* background-color:#043381;*/ - background-color: #fff; - color: #043381; - width: 400px; - } - .modal-footer { - width: 400px; - } - #exampleModalLabel { - font-size: 12px; - } - .modal-body { - /* background-color:#043381;*/ - background-color: #fff; - color: #043381; - width: 600px; - } - .modal-header { - background-image: linear-gradient(to right, #003680, #0055cc); - color: #fff; - width: 400px; - } + } } \ No newline at end of file